model - 在 ExtJS 4.1.1 中以包含组合 multiSelect=true 的形式加载嵌套模型

Question

这是我的代码的缩短版本：

Ext.define('MyApp.model.Folder', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name']
});

Ext.define('MyApp.model.User', {
    ...,
    hasMany: { model: 'Folder', name: 'folders' }
});

var form = Ext.widget('form', {
    ...,
    items: {
        xtype: 'combo',
        name: 'folders',
        multiSelect: true,
        valueField: 'id',
        displayField: 'name',
        queryMode: 'local',
        store: 'Folders'
    }
});

User.load(1, {
    success: function (user) {
        form.loadRecord(user);
    }
});

User 模型加载的数据：

{
    ...,
    folders: [
        { id: 1, name: 'folder 1' },
        { id: 2, name: 'folder 2' }
    ]
}

假设一切（用户模型和存储）加载成功，并且存储包含文件夹 1、2、N，我希望组合选择传递给loadRecord方法的值（文件夹 1 和 2），但该字段保持为空。提前感谢您的帮助。

Answer 1

发布此问题后，我找到了解决方案。但是，我想这一定不是“最佳实践”的一部分，所以，等待更好的，这里是一个不错的选择：

Ext.define('MyApp.model.User', {
    ...,
    hasMany: { model: 'Folder', name: 'folders' },
    fields: [..., {
        name: 'folders',
        convert: function (folders) {
            return Ext.Array.map(folders, function (folder) {
                return folder.id;
            });
        }
    }]
});