Blazor DropDown filtering case sensitivity and filter operator

Add search to the Blazor DropDown with built-in filtering - choose the filter operator (contains, starts with), toggle case sensitivity, or filter data on demand.

Select Value

Search text: al

Custom filtering with LoadData event Link to this section

Use the LoadData event to implement custom filtering logic and load data on-demand.

With LoadData the Data collection holds only the current search results. When ValueProperty is set, the DropDown finds the selected item by looking up Value in Data, so the selected text disappears while the search results do not include that item and returns when they do. This example binds Value to the item itself (no ValueProperty) to keep the selected text visible while filtering. To keep using ValueProperty, include the selected item in the data returned by LoadData.

Select Value

Frequently asked questions

How do I add a search box to the Blazor DropDown?

Set AllowFiltering to true. Users can then type to filter the items, and you can control the filter operator (contains, starts with) and case sensitivity.

How do I make DropDown filtering case-insensitive?

Set FilterCaseSensitivity to CaseInsensitive so the search matches items regardless of letter case.

Single selection Multiple selection Virtualization Grouping

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Start Free See Subscription Plans

Blazor DropDown filtering case sensitivity and filter operator

Custom filtering with LoadData event Link to this section

Frequently asked questions

How do I add a search box to the Blazor DropDown?

How do I make DropDown filtering case-insensitive?

Related

Save Hours on Every Project

Demos Configuration

Blazor DropDown filtering case sensitivity and filter operator

Custom filtering with LoadData event linkLink to this section

Frequently asked questions

How do I add a search box to the Blazor DropDown?

How do I make DropDown filtering case-insensitive?

Related

Radzen Blazor Newsletter

Save Hours on Every Project

Demos Configuration

Custom filtering with LoadData event Link to this section