日期:2014-05-16  浏览次数:20345 次

Extjs中store分组功能的使用

在项目实践的过程中,遇到需要将grid中数据根据某一字段分组的要求,当然,这个功能在api中有,在此列出来以供大家查找:

 

两点需要注意的地方:

1、在创建store时,需要设置groupField属性的值,即为需要分组的值

for example:

Ext.define('Person', {
        extend: 'Ext.data.Model',
        fields: ['name', 'sex']
    });

在这个数据模型中,我们需要以性别(sex)分组,那么请看下面的store

var PersonStore Ext.create('Ext.data.Store', {
        storeId: 'PersonStore',
        model: 'Person',
        groupField: 'sex',
        data: [{
            name: 'hongmei li',
            sex: 'female'
        },{
            name: 'san zhang',
            sex: 'male'
        },{
            name: 'Jim Green',
            sex: 'male'
        },{
            name: 'Lily',
            sex: 'female'
        },{
            name: 'Lucy',
            sex: 'female'
        }]
});

 

接下来,我们需要定义分组显示的tpl

var groupingFeature=&nb