Blazor Dropdown List Example - Filtering

Dropdown List / Filtering

This sample demonstrates the filtering functionalities of the DropDownList. Click the DropDownList component and then type a character in the search box in dropdown. It will display the filtered list items based on the typed characters.

Loading Syncfusion Blazor Server Demos…

Properties

The DropDownList has built-in support to filter the data source, when AllowFiltering property is set to true. In the Filtering event, you can filter the data source and return the resulted data to DropDownList using UpdateData method to perform custom filtering. The debounce delay, in milliseconds, for filtering the items in the DropDownList component can be set by enabling the DebounceDelay property.

See also

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE