GX-Entwicklung » Entwickler-Logbuch

Nachdem festgestellt wurde, dass die Seitenperformance durch das mehrmalige Aufrufen des Button-Dropdown-Widgets leidet,
wurde das Button-Dropdown-Widget so gut wie neu geschrieben.

Es wurden folgende Änderungen am Intialisierungsprozess des Widgets durchgeführt:

• Das Widget wird nur noch einmal an einem Container-Element, welches die Buttons, eingebunden.
• Die eigentlichen Dropdown-Buttons werden nur noch anhand eines Data-Attributes identifiziert und vom Widget initialisiert.
• Das Laden der benutzerdefinierten Konfiguration über den UserConfigurationService geschieht nun einmalig.
• Asynchrone Abläufe werden nun über Promises (jQuery-Deferreds) kontrolliert.

Auch die Syntax hat sich geändert:

<div data-gx-widget="button_dropdown"
     data-button_dropdown-config_keys="orderOverviewDropdownBtn"
     data-button_dropdown-user_id="2"
>
   <div data-use-button_dropdown="true"
        data-config_key="orderOverviewDropdownBtn"
        data-custom_caret_btn_class="btn-primary"
   >
      <ul></ul>
   </div>
</div>

Im Container-Element wird über data-gx-widget="button_dropdown" das Widget eingebunden.
Über data-button_dropdown-config_keys (optional) werden alle Keys angegeben, von denen wir die Werte über den UserConfigurationService haben möchten.
Im Attribut data-button_dropdown-user_id (optional) geben wir die aktuelle User-ID an, die für den UserConfigurationService benötigt wird, an.

Ein Button-Dropdown wird über data-use-button_dropdown="true" identifiziert.
Über data-config_key (optional) wird der Key angegeben, dessen Wert dem Dropdown-Button zugewiesen wird.
Mit data-custom_caret_btn_class (optional) können eigene CSS-Klassen zum Stylen des Dropdown-Aktivator-Buttons (der Button mit dem Pfeil) angegeben werden.