ASP.NET MVC GridView - Master-detail Grid Layout (available now in v2011.1)

ASP.NET Team Blog
16 March 2011

Check out the new "Master-detail" layout feature of our ASP.NET MVC GridView that's available now in the DXperience v2011.1 release!:

ASP.NET MVC_GridView_Master_Detail

Unlimited Levels

Our ASP.NET MVC Grid View will support master-detail data presentation of any complexity. Which means that you can nest GridViews as deep as you need or want.

How-To Setup

The demo above shows how to create a simple master-detail relationship between two tables. All you have to do is to:

  1. Use two DevExpress MVC GridView extensions
  2. Bind the first grid (master grid) to the master data source and enable the grid's SettingsDetail.ShowDetailRow option
  3. Place the second grid (detail grid) into the master grid's detail row template created via the SetDetailRowTemplateContent method
  4. Assign a unique (dynamically generated) name to the Name property of the detail grid and set its SettingsDetail.MasterGridName property to the master grid's name
  5. Bind the detail grid to the detail data source whose data is retrieved in a controller action based upon the corresponding master row ID passed via a ViewData parameter

By default, end-users can expand several master rows simultaneously. You can control this behavior using the SettingsDetail.AllowOnlyOneMasterRowExpanded option.

Available now in v2011 Volume 1 Release

The new "Master-Detail" feature is available now in the DXperience v2011 volume 1 release.

Are you looking forward to using the Master-Detail layout for your DevExpress MVC GridView?

Drop me a line below with your thoughts, thanks.


Build Your Best - Without Limits or Compromise

Try the DevExpress ASP.NET MVC Extensions online now:

Read the latest news about DevExpress ASP.NET MVC Extensions

Download a free and fully-functional version of DXperience now:

Follow MehulHarry on Twitter

Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.
No Comments

Please login or register to post comments.