Ext.data.GroupingStore排序

Ext.data.GroupingStore排序

• • Ext.data.GroupingStore
  • 排序使用
  • 总结

Ext.data.GroupingStore

继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息

• groupField : String//用于分组的字段
• sortInfo: {
  field: “custAndSubject”,//排序字段
  direction: ‘ASC’//正序或者倒序
  }

排序使用

• 后台返回数据如下，返回结果两组，按照时间和名称排序
  
• 前台js如下

this.store = new Ext.data.GroupingStore({
            baseParams: {start: 0, limit: this.pageSize, rowGetFlag: 0},
            autoLoad: false,
            sortInfo: {
                field: this.KEYS.custAndSubject,
                direction: 'ASC'
            },
            groupField: this.KEYS.custAndSubject,
            totalProperty: 'total',
            reader: new Ext.data.JsonReader({
                    root: this.root
                },
                this.storeMapping),
//			root : this.root,
            url: this.dtUrl,
//			fields :this.storeMapping,
            listeners: {
                scope: this,
                load: function (obj) {
                    try {
                        this.totalNum.setValue(this.store.reader.jsonData['totalAccNum'])
                        this.totalAmount4Qry.setValue(this.store.reader.jsonData['totalAmount4Qry']);
                        this.totalAmount4Page.setValue(this.store.reader.jsonData['totalAmount4Page']);
                    } catch (E) {
                        alert(E.message);
                    }
                }
            }
        });

总结

• 现按照custAndSubject分组和custAndSubject同一字段排序，页面效果和返回数据一致，但如果按照custAndSubject分组和账号排序，那么就是中国的数据在上，广东的数据在下，这就是前台页面控制的