Bpc Combo Box

Das BPC stellt eine Combobox zur Verfügung, die zusätzliche Funktionalitäten bietet.

Verwendung

Für die Verwendung des Feldes muss lediglich eine Komponente mit dem xtype bpcCombobox erzeugt werden. In dem store attribut befindet sich ein Array aus Objekten bei dem jeweils jeder Eintrag einen Wert und einen anzuzeigenden Inhalt enthält. Das displayField referenziert das attribut im store, in welchem sich der zu anzuzeigende Inhalt befindet.

Empty Icon

Zusätzlich zum emptyText Attribut kann eine emptyIconCls (beispielsweise x-fal fa-save) mitgegeben werden.

Zur Aktivierung vom emptyIconCls ist es notwendig, das Plugin bpcInputField in der Komponente einzusetzen, damit ein Platzhalter für Icon erstellt werden kann.

Diese referenziert eine Font Awesome-Icon welches mit dem emptyText angezeigt wird, wenn der Wert der Combobox leer ist.

  Ext.create({
                  xtype: "bpcComboBox",
                  fieldLabel :"Combo Label",
                  emptyText : "empty",
                  plugins: [
                    {
                      ptype: "bpcInputField"
                    }
                  ],
                  emptyIconCls : "x-fal fa-save",
                  valueField: "value",
                  displayField: "attr",
                  store: [{
                    attr: "first value>",
                    value: "value1"
                  }, {
                    attr: "second value",
                    value: "value2"
                  }]
    })

Keywords: