Ext.data.GroupingStore
继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息
增加了配置属性:
groupField : String//用于分组的字段
groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假
remoteGroup : Boolean//远程排序
当然也会多一个group方法
groupBy( String field, [Boolean forceRegroup] ) : void
顾名思义都是重新排序用的。
下面是个简单的示例:
var store = new Ext.data.GroupingStore({
//autoLoad : true,
url:'XXX.do',
reader: new Ext.data.JsonReader({
root:'XXXX',
totalProperty: 'rListSize',
fields :[
{name:'field1'},
{name:field2},
.
.
{name:'fieldn'}
]}),
sortInfo:{field: 'field1', direction: "DESC"},
groupField:'field1',
baseParams:{ }
});
var grid = new Ext.grid.GridPanel(...{
store: store,
//这里比较关键
view: new Ext.grid.GroupingView(...{
forceFit:true,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
}),
frame.:true,
width: 700,
height: 450,
collapsible: true,
animCollapse: false,
title: 'Grouping Example',
renderTo: 'Div_GridPanel'
});
转载于:https://blog.51cto.com/3006532/1332022