The DevExpress ASP.NET MVC List Box (ListBoxExtension) editor allows end-users to filter items by entering text in the filter editor above the list. To enable the filter editor, set the ShowSearchUI property to true. The list box values that do not match the filter text are not displayed within the items list. When an end-user types a filter string, the items list is automatically updated, so the list box displays only the relevant items that match the filter string. Clear the filter editor to make all the list box items visible.
This demo illustrates the List Box extension's main filtering settings. Use the options on the right to see how they affect the editor's behavior and appearance.
Custom Filter Editor (CustomEditorID) - You can use an external DevExpress editor to specify the list box's filter criterion.
- Callback Mode (CallbackRouteValues) - Define the CallbackRouteValues property to make the editor's list items to be loaded to the client side on demand via callbacks.
Enable Select All (EnableSelectAll) - With the enabled "SelectAll" feature, use the filter button to make the filter editor visible at the top of the list 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