表格数据分组：Ext.grid.GroupingView
1、Ext.grid.GroupingView
主要配置项：
enableGroupingMenu：是否在表头菜单中进行分组控制，默认为true
groupByText：表头菜单中分组控制的菜单文字，默认为'Group By This Field'
enableNoGroups：是否允许用户关闭分组功能，默认为true
showGroupsText：在表头菜单中启用分组和禁用分组的菜单文字，默认为'Show in Groups'
groupTextTpl：用于渲染分组信息的模板，默认为'{text}'，常用的可选值有：
text：列标题:组字段值
gvalue：组字段的值
startRow：组行索引
enableGrouping：是否对数据分组，默认为true
hideGroupedColumn：是否隐藏分组列，默认为false
ignoreAdd：在向表格中添加数据时是否刷新表格，默认为false
showGroupName：是否在分组行上显示分组字段的名字，默认为true
startCollapsed：初次显示时分组是否处于收缩状态，默认为false
主要方法：
collapseAllGroups()：收缩所有分组行
expandAllGroups()：展开所有分组行
getGroupId( String value )：根据分组字段值取得组id
toggleAllGroups( [Boolean expanded] )：切换所有分组行的展开或收缩状态
toggleGroup( String groupId, [Boolean expanded] )：切换指定分组行的展开或收缩状态
2、Ext.data.GroupingStore
groupField：分组字段
groupOnSort：是否在分组字段上排序，默认为false
remoteGroup：是否远程分组数据，默认为false。如果是远程分组数据，则通过groupBy参数发送分组字段名
3、范例源码
datas = [[1,,24,, Date(1986,06,09)], [2,,30,, Date(1980,09,13)], [3,,28,, Date(1982,01,10)]]; person = Ext.data.Record.create([ {name: , mapping: 0}, {name: , mapping: 1}, {name: , mapping: 2}, {name: , mapping: 3}, {name: , mapping: 4} ]); grid = Ext.grid.GridPanel({ title: , renderTo: , width: 500, height: 300, frame: , tbar: [ { text: , iconCls: , handler: (){ view = grid.getView(); view.toggleAllGroups(); } } ], store: Ext.data.GroupingStore({ reader: Ext.data.ArrayReader({id:0}, person), data: datas, sortInfo: {field:, direction:}, groupField: }), view: Ext.grid.GroupingView({ sortAscText: , sortDescText: , columnsText: , groupByText: , showGroupsText: , groupTextTpl: }), columns: [ {id:, header:, width:50, dataIndex:}, {id:, header:, width:70, dataIndex:}, {id:, header:, width:45, dataIndex:}, {id:, header:, width:45, dataIndex:}, {id:, header:, width:120, dataIndex:, renderer:Ext.util.Format.dateRenderer()} ] }); 