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

Step 1: Include bufferview javascript file

Step 2: Create DataGrid

DataGrid VirtualScrollView

Step 1: Include scrollview javascript file

Create DataGrid with Virtual Scroll View

Download the EasyUI Extension:

jquery-easyui-datagridview.zip