ExtJs分组表格

分组表格和普通表格的主要区别在于store数据源定义，和grid的view配置项。

1、定义数据源，注意其中的read配置项的值json在之前已经定义，比较简单，这里就不写出来了。其中groupField是默认分组字段（表格中对应的列），groupDir是分组字段排列顺序。

var listStore = new Ext.data.GroupingStore( { url : "seniorTitleAction!findCommunicationDiscuss.action", reader : json, //sortInfo:{field:'threeYearDuring',direction: 'DESC'}, groupField: "threeYearDuring", groupDir : "DESC"// 分组字段将序排列，默认为升序 });2、然后在表格的定义中添加配置项view

view: new Ext.grid.GroupingView({ groupByText: "根据本列分组", showGroupsText: "显示分组栏", forceFit: true, //hideGroupedColumn : true, // 隐藏分组列 groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "个记录" : "个记录"]})' }),分组列表结果如下图：