Chapter 9. Intuitive Multiselect Combobox

In this chapter we will explore an excellent Ext JS extension: BoxSelect, which was originally developed by Kevin Vaughan. This extension is really very useful and provides a friendlier combobox for multiple selections that creates removable labels for each selection, easily and individually, and lots more.

The topics covered are:

  • Features of BoxSelect
  • The BoxSelect extension:
    • Basic configuration
    • Templates
    • Single value selection
    • Remote query with unknown values
    • Adding new records with autosuggestion
    • BoxSelect specific configurations
    • Value handling and events

Features of BoxSelect

BoxSelect is an extended ComboBox component developed for more intuitive multiselect capabilities. BoxSelect comes with lots of examples and proper documentation. The following features are provided by the BoxSelect extension:

  • Selected items can be removed individually.
  • Customizable item templates for controlling the display of the selected values.
  • Supports keyboard-based selection and navigation for the selected values.
  • Supports on-demand loading of values from remote stores when an unknown value is set, and the queryMode option is set to remote and forceSelection is set to true.
  • Setting forceSelection to false creates new records.
  • When multiSelect is set to true the pick list can be configured to tell if it should collapse or not, after making a selection.
  • Selected items can be configured to be stacked or autosized.
  • Most of the existing functionalities and configuration options of ComboBox should work with BoxSelect.
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset