CheckComboBox Emulation

This demo illustrates the use of the DevExpress MVC Dropdown Edit and List Box editors to emulate a combo box - allowing end-users to select multiple items from a dropdown list. The MVC Dropdown Edit includes an edit box to display editor values (defined via the Text property) and a button to activate a dropdown whose contents can be templated (using the SetDropDownWindowTemplateContent method).

In this demo, the DropDown Edit's SetDropDownWindowTemplateContent method creates an instance of the ListBox editor, whose Properties.SelectionMode property is set to CheckColumn. Also, you can use the list box's built-in SelectAll feature (EnableSelectAll) and implement filtering of underlying data source values using the filter editor (ShowSearchUI). The DropDownEdit's Text property stores a list containing selected items (Text property values), delimited by semicolons. In addition to selecting items within the dropdown list, this demo allows you to select items by entering a semicolon-separated series of text items in the DropDown Edit's text box. If the entered text does not exist in the list, it is deleted from the text box.