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

Custom Filtering

v
Server-Side Event Handler
Multi-Column Search
v
Client-Side Event Handler
"Umlaut Insensitive" Search

The DevExpress ASP.NET Autocomplete Combo Box (ASPxComboBox) editor enables you to implement custom filtering logic using the CustomFiltering, ASPxClientComboBox.ItemFiltering and ASPxClientComboBox.CustomHighlighting events.

In this demo, the first combo box illustrates how to filter items by several words and multiple columns simultaneously on the server side using the CustomFiltering event. If an end-user types a search phrase, the editor dynamically divides the phrase (ListEditCustomFilteringEventArgs.Filter) into individual words, creates a filter expression (ListEditCustomFilteringEventArgs.FilterExpression), finds each word in each column and highlights them (ListEditCustomFilteringEventArgs.CustomHighlighting).

Using the second combo box, end-users can filter items that contain diacritic characters (German cities) on the client side. The editor raises the ASPxClientComboBox.ItemFiltering event for each item as the user types the search text and replaces diacritic characters with Latin ones if required. The indexOf function filters the editor items that match the filter criteria. The ASPxClientComboBox.CustomHighlighting event allows specifying rules (regular expression or filter condition) according to which the editor highlights the filter results by the ASPxClientListEditCustomHighlightingEventArgs.highlighting 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