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/