Master/Detail with two grids, Angular and Radzen

Using Radzen you can create master/detail with two grids in three easy steps:

  1. Drop DataGrid component to Radzen design surface, bind it to your first table (in my case Orders from Northwind OData service) and auto-generate columns master-detail-two-grids1.png Bind first DataGrid to Orders

  2. Define select event for the DataGrid component to invoke Order Details with filter OrderID eq ${event.OrderID} and set a property orderDetails to the result value master-detail-two-grids2.png Invoke Order Details and set property value

  3. Drop second DataGrid component to Radzen design surface, bind it to orderDetails property and auto-generate columns master-detail-two-grids3.png Bind second DataGrid to Order Details

  4. Run the application to check Order details for the selected Order master-detail-two-grids4.png Order Details for selected Order


Leverage Radzen on LinkedIn

Yes, we are on LinkedIn and you should follow us!

Now, you have the opportunity to showcase your expertise by adding Radzen Blazor Studio and Radzen Blazor Components as skills to your LinkedIn profile. Present your skills to employers, collaborators, and clients.

All you have to do is go to our Products page on LinkedIn and click the + Add as skill button.

by Vladimir Enchev

Entity Framework Core relationships

I’ve spent last few days working on code generation for cascade delete support in Radzen and found several important facts about Entity Framework Core that might help you in case you work on something similar.
Read more