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

上面有商店使用模型的网格，我希望将其与'takeplaceTime'分组，例如：

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

obj ; obj2 ; obj3是一组，因为其年份是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
        } }
    ]
});

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