Create subgrid with master datagrid
Tutorial » Create subgrid with master datagrid
Use the detail view of datagrid, users can expand a row to show additional details. As any content can be loaded as the row details, the subgrid can be dynamically loaded also. This tutorial will show you how to create a subgrid with master datagrid.
Step 1: Create Master DataGrid
|Item ID||Product ID||List Price||Unit Cost||Attribute||Status|
Step 2: Set Detail View to show subgrid
To use the detail view, remember to include the view script file to your page header.
When users click expand button('+'), the 'onExpandRow' event will be triggered. We create a new subgrid with tree columns. Remember to call 'fixDetailRowHeight' method for master datagrid when subgrid load data successfully or resize.