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

Incremental Filtering

v
IncrementalFilteringMode = Contains
DropDownStyle = DropDownList
v
IncrementalFilteringMode = StartsWith
DropDownStyle = DropDown

The DevExpress ASP.NET Autocomplete Combo Box (ASPxComboBox) editor enables end-users to filter list items dynamically based on the text typed into the editor's input box on the client side (“find-as-you-type” filtering). The following filter modes are available, which are controlled by the IncrementalFilteringMode property:

  • Contains - The editor is filtered for list items that contain the search string. The search string matches are highlighted.
  • StartsWith - The editor is filtered for list items that begin with the search string. The editor value is autocompleted with the first corresponding value.
  • None - Filtering is not applied to list items.

The DropDownStyle property specifies the manner in which end-users can change the edit value of the editor.

  • DropDown - End-users are allowed to change the editor's edit value by either selecting an item from the dropdown list or entering new values into the edit box.
  • DropDownList - End-users are allowed to change the editor's edit value only by selecting an item from the dropdown list.

In this demo, both the 'Contains' and 'StartsWith' filter modes are demonstrated. Note that in the 'Contains' filter mode, the value typed in the edit box by an end-user is searched for within the editor's item list, based on the defined format of the TextFormatString property.

Collapse/Expand
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