Nested DataGrid - Drilling Into a Dataset

In this example, we will demonstrate how to create a nested DataGrid.

In a top-level grid, we will list projects; for each of the projects, and through an expand/collapse button, we'll see the list of team members involved in the project. For each of those people, we'll be able to drill down to the list of addresses that we have on file.

Moreover, you can enable inline editing for any of these datagrids - as demostrated in the example below for the addresses. If you want to learn the basics of inline editing for datagrids, go through this example.

Some pieces to pay attention to:

  • Master DataGrid for Project should go on the FORM.
  • Children (Team Members and Addresses) must be wrapped in a Panel, that in turn contains a DataGrid.
Previous|12|Next
Id
Name
Status
Description
Start Date
End Date
Budget
Spent
1ACME Website RedesignCompletedThe redesign of the main website for ACME IncorporatedMar 01 2004Jul 01 20049560.2510250.75
2State College HR SystzzzzOpenImplementation of a back-office Human Resources system for State CollegeFeb 15 200680500.0073200.00
3Blueman Industrial Site ArchitectureOpenMain website architecture for the Blueman Industrial GroupMar 01 2006Apr 15 20062500.004200.50