Ext.ux.form.field.BoxSelect is a combobox, extended for more intuitive multiselect capabilities using individually labeled selected items, developed by Kevin Vaughan.
In the following screenshot you can see how multiple items are selected within a BoxSelect combobox:
In the following screenshot you can see how the selected values and the dropdowns are both configured via templates:
The following are some of the features of BoxSelect:
- Individually removable labeled items for each selected value.
- Customizable item templates, in addition to combobox's support of customizable drop-down list templates.
- Keyboard-based selection and navigation of selected values (left/right, Shift, Ctrl + A, Backspace, Delete).
- On-demand loading of values from remote stores when an unknown value is set, that is, setting
queryMode = 'remote'andforceSelection = true. - Creation of new value records for
forceSelection = false. - Configurable pinning of combo pick list for
multiSelect = true. - Configurable rendering of labeled items (auto-sized or stacked).
- As
BoxSelectextends ComboBox, most (if not all) of the functionality and configuration options of ComboBox should work as expected.
This extension is licensed under MIT. Examples and reference for this extension are available at http://kveeiv.github.io/extjs-boxselect/examples/boxselect.html. The download link, details of the copyright, and license for this extension are available at https://github.com/kveeiv/extjs-boxselect.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.