MultiSelect is a form field for entering the values and value ranges of arbitrary type, with drop-down picker featuring live search with smart matching, visual selection, and more, developed by Alexander Tokarev.
The following is the screenshot of a MultiSelect field:
This extension implements a form field that allows the entering of multiple values and value ranges of arbitrary type, with drop-down picker that provides live search and visual item selection.
Following are some of the features of MultiSelect:
- No limit for the number of items and item ranges.
- Separate settings for input format, display format, and submit format of single and range values.
- Fully themed form field with CSS sheet provided.
- Two modes of operation: multiple values and single value.
- Drop-down picker with live search and smart matching.
- Optimized for large datasets.
- Accepts preconfigured stores with the list of values to display.
- Supports lazy store population; data is loaded only when a picker is activated.
- Configurable column definition; no arbitrary limit on number and width of columns.
- Press Enter in picker or click on the plus icon to select single items.
- Press Tab to select a list and press Enter, or click on the minus icon to unselect an item.
- Ctrl + Enter in picker confirms a selection.
- Ctrl + Backspace in picker clears a selection.
- Esc in picker to cancel a selection.
A live demo for this extension is located at http://nohuhu.org/demos/demo_uxmultiselect.html. This extension is licensed under GPLv3. The download link, details of the copyright, and license for this extension are available at https://github.com/nohuhu/Ext.ux.form.field.MultiSelect.