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. Create Orders page and exclude it from navigation

  4. Define select event for the DataGrid component to navigate to Orders page with parameter CustomerID equal to ${event.CustomerID}

  5. Define load event for the Orders page to invoke Orders with filter paramater CustomerID eq ‘${parameters.CustomerID}’ and to set orders property to the result value

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

  7. Run the application and select customer to navigate to orders

Get Radzen

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