Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

Filter by multiple fields as you type (Angular)link

This guide demonstrates how to filter DataGrid records by multiple fields as you type.

  1. Create new application and add new MSSQL data-source connected to Northwind database. image

  2. Drop DataGrid component to Radzen design surface, bind it to Customers. image

  3. Drop TextBox component above DataGrid, set width to 100% and Search ... for placeholder image

  4. Open DataGrid LoadData query builder and define filter for CustomerID or CompanyName using TextBox component value as expession. image image

  5. Define custom (input) attribute for the TextBox component equal to this.grid0.load() image

  6. Run the application to filter customers image

In this article —
    © 2016-2025 Radzen Ltd. All Rights Reserved.
    Designed and developed with ❤️ in Radzen Blazor Studio.

    Select theme:

    Material 3