DataGrid View
Extension » DataGrid View
DataGrid DetailView
Step 1: Create an HTML Page
Step 2: Create the DataGrid
Properties
| Name | Type | Description | Default |
|---|---|---|---|
| detailFormatter | function(index,row) | The formatter function to return row detail content. |
Events
| Name | Parameters | Description |
|---|---|---|
| onExpandRow | index,row | Fires when expand a row. |
| onCollapseRow | index,row | Fires when collapse a row. |
Methods
| Name | Parameter | Description |
|---|---|---|
| fixDetailRowHeight | index | Fix the detail row height. |
| getExpander | index | Get row expander object. |
| getRowDetail | index | Get row detail container. |
| expandRow | index | Expand a row. |
| collapseRow | index | Collapse a row. |
DataGrid GroupView
Step 1: Create an HTML Page
Step 2: Create the DataGrid
Properties
| Name | Type | Description | Default |
|---|---|---|---|
| groupField | string | Indicate what field to be grouped. | |
| groupFormatter | function(value,rows) | The formatter function to return the group content. The value parameter indicate the group value defined by 'groupField' property. The rows parameter indicate the data rows according to the specified group value. |
Methods
| Name | Parameter | Description |
|---|---|---|
| expandGroup | groupIndex | Expand a group. |
| collapseGroup | groupIndex | Collapse a group. |
DataGrid BufferView