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.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDataEditorsDemos