extjs4网格与功能分组

时间:2013-11-01 10:37:59

标签: extjs grid grouping extjs4.2

Ext.define('record.SecurityCase', {
            extend : 'Ext.data.Model',
            fields : [{
                        name : 'id',
                        type : 'string',
                        persist : false
                    }, {
                        name : 'takeplaceTime',
                        type : 'date',
                        persist : true
                    },  {
                        name : 'brief',
                        type : 'string',
                        persist : true
                    }],
                    groupField: 'takeplaceTime' 
});

上面使用商店使用模型的网格。我希望它与' takeplaceTime'分组。例如:

obj.takeplaceTime='2013-10-01';obj2.takeplaceTime='2013-04-01';obj3.takeplaceTime='2013-12-01';obj4.takeplaceTime='2012-12-01';

obj; obj2; obj3是一个群组,因为它的年份是2013年。obj4将是另一个,2012年。

是否有groupRenderFunction来处理这个问题?

1 个答案:

答案 0 :(得分:2)

您可以在Model中定义计算属性以进行分组。例如:

Ext.define('Model1', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'name',  type: 'string'},
        {name: 'seniority',  type: 'string'},
        {name: 'department',  type: 'string'},
        {name: 'group', type: 'string', convert: function(value, record) {
            return record.get('name').substr(0, 1); // first letter of name
        } }
    ]
});

Ext JS 4.2中的工作示例:http://jsfiddle.net/BmVeg/1/