ExtJS 模型 - 连接字段

Question

模型中是否有一种合理的方式来连接两个字段，如下所示：

Ext.define('model.Person', {
    extend: 'Ext.data.Model',
    idProperty: 'Id',
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'FirstName', type: 'string' },
        { name: 'LastName', type: 'string' },
        { name: 'FullName', type: 'string', mapping: 'FirstName + " " + LastName' }
    ]
});

我尝试了很多方法，但似乎都无法奏效。

我打算在模型中使用一个函数将两个字段粘在一起，但我还需要将它用作“itemselector”（自定义控件）内的显示字段并动态切换它，并且该控件似乎没有喜欢 'FullName()' 作为显示字段。

任何想法都非常感谢。

Answer 1

使用 Ext.data.Field 的 convert 配置：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.Field-cfg-convert

{ name: 'FirstName', type: 'string' },
{ name: 'LastName', type: 'string' },
{
    name: 'FullName',
    type: 'string',
    convert: function( v, record ) {
       return record.get( 'FirstName' ) + ' ' + record.get( 'LastName' )
    }
}

这是一个活生生的例子：https://fiddle.sencha.com/#fiddle/mf