BPC Combo Box

The BPC provides a combo box that offers additional functionality.

Usage

To use the field, simply create a component with the xtype bpcCombobox. The ` store ` attribute contains an array of objects, each of which contains a value and content to be displayed. The ` displayField ` references the attribute in the store that contains the content to be displayed.

Empty Icon

In addition to the ` emptyText ` attribute, an ` emptyIconCls ` (for example, ` x-fal fa-save`) can be specified.

To enable the emptyIconCls, you must use the bpcInputField plugin in the component so that a placeholder for the icon can be created.

This references a Font Awesome icon that is displayed with the emptyText when the combo box value is empty.

  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: