Master and Detail DataGrid

This guide demonstrates how to filter DataGrid records by DropDown selected item

  1. Create Customers page, include it in navigation and set it as start page

  2. Drop DataGrid component to Radzen design surface, bind it to Customers from Northwind OData service and auto-generate columns

  3. Define select event for the DataGrid component to invoke getOrders() with $filter parameter equal to CustomerID eq '${event.CustomerID}' and create new orders property from the result

  4. Drop DataGrid component to the page, bind it to orders property and auto-generate columns

  5. Run the application and select customer

Get Radzen

Sign-up to download the free 30-day Radzen trial.