ExtJs Model之convert的使用

最新推荐文章于 2016-03-06 21:39:11 发布

转载最新推荐文章于 2016-03-06 21:39:11 发布 · 348 阅读

本文介绍如何在ExtJS框架中使用Model定义时进行字段转换，通过一个具体例子展示了如何将记录中的年龄字段减去2。此方法适用于需要对数据进行预处理的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

convert: function(value,record){}

value:为当前属性的值，record.get('属性')用来获取其他属性的值。

以下案例是：将年龄减去2。

Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'name', type: 'string'},
        {name: 'age', type: 'int',
            convert: function(value, record) {
                return value - 2;
            }
        }
    ]
});

var userStore = Ext.create('Ext.data.Store', {
    model: 'MyModel',
    data: [
        {name: '张三1', age: 25},
        {name: '张三2', age: 26},
        {name: '张三3', age: 27}
    ]
});

Ext.onReady(function() {
    Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        store: userStore,
        width: 400,
        height: 200,
        title: 'Grid Panel',
        columns: [
            {
                text: 'Name',
                flex: 1,
                dataIndex: 'name'
            },
            {
                text: 'Age',
                flex: 1,
                dataIndex: 'age'
            }
        ]
    });
});