Apr 27, 2017 by Vladimir Enchev

Master/Detail with two grids, Angular and Radzen

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

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 Bind first DataGrid to Orders
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 Invoke Order Details and set property value
Drop second DataGrid component to Radzen design surface, bind it to orderDetails property and auto-generate columns Bind second DataGrid to Order Details
Run the application to check Order details for the selected Order Order Details for selected Order

Enjoy!

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.

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.