Ext.data.GroupingStore

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'
});