Filter by multiple fields as you type (Angular)
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
-
Open DataGrid LoadData query builder and define filter for
CustomerIDorCompanyNameusing TextBox component value as expession.
-
Define custom
(input)attribute for the TextBox component equal tothis.grid0.load()
-
Run the application to filter customers
