Nesting the Detail Grid

Nesting the grids is a visual step completed in the Web page designer by dragging the Order Details grid into a template section of the Orders master grid. The steps below detail nesting the grid and configuring a couple of properties necessary to complete the effect.

1. Select the ASPxGridView containing Orders and click the Task button (see Figure 3), and click Edit Templates at the bottom of the list of tasks.
2. In Template Editing Mode select DetailRow from the Display dropdown (see Figure 4).
3. Drag the Order Details ASPxGridView into the Orders ASPxGridView DetailRow template. The Web page designer should look like Figure 5.
4. Click the first grid’s Task menu and click End Template Editing.

Figure 3: Click Edit Templates to change the designer to template editing mode.

Figure 4: Select the DetailRow template to display.

Figure 5: The nested grid in the designer.

Almost finished. After clicking End Template Editing the grids are nested. You need to set a couple of properties and stuff the OrderID into Session. We’ll do that next.