按功能分组的extjs4网格

Question

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

一个带有存储的网格使用了above.And模型，我希望它被分组为‘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来处理这个问题吗？

Answer 1

可以在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
        } }
    ]
});

ExtJS4.2：http://jsfiddle.net/BmVeg/1/中的工作示例