Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

List Box Filtering

Hide filterx
Show filter

The DevExpress ASP.NET List Box (ASPxListBox) 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 ASPxListBox'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.

  • Enable Callback Mode (EnableCallbackMode) - In this mode, the editor's list items are 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).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos