Filter by multiple fields as you type (Blazor)
This guide demonstrates how to filter DataGrid records by multiple fields as you type.
-
Create new application and add new MSSQL data-source connected to Northwind database.
-
Drop DataGrid component to Radzen design surface, bind it to Customers.
-
Drop TextBox component above DataGrid, set width to
100%andSearch ...for placeholder
- Create the following
Reloadmethod in the page partial class and define custom@oninputattribute for the TextBox component equal to@Reload.public partial class CustomersComponent { string search = ""; protected async Task Reload(Microsoft.AspNetCore.Components.ChangeEventArgs args) { search = $"{args.Value}"; await Load(); } }
-
Open Page Load query builder and define filter for
CustomerIDorCompanyNameusing TextBox component value as expession.
- Run the application to filter customers
