extjs - Extjs4 如何动态更改模型？

Question

我使用 Extjs4 和 MVC。我想动态更改模型的字段...比如添加可变数量的字段...有什么建议吗？

Answer 1

您可以使用API 中model.setFields(fieldsArray)显示的函数。此方法将模型上的所有现有字段替换为您在参数中包含的任何新字段。没有静态getFields方法来捕获现有字段以免覆盖它们，但使用它们很容易model.prototype.fields。

我最近这样做是为了在加载用户之前将动态权限设置字段附加到“用户”模型。这是一个例子：

Ext.define('myApp.controller.Main', {
    extend: 'Ext.app.Controller',

    models: [
        'User',
    ],

    stores: [
        'CurrentUser', // <-- this is not autoLoad: true
        'PermissionRef', // <-- this is autoLoad: true
    ],

    views: ['MainPanel'],

    init: function() {
        var me = this;

        // when the PermissionRef store loads 
        // use the data to update the user model
        me.getPermissionRefStore().on('load', function(store, records) {
            var userModel = me.getUserModel(),
                fields = userModel.prototype.fields.getRange();
                // ^^^ this prototype function gets the original fields 
                // defined in myApp.model.User

            // add the new permission fields to the fields array
            Ext.each(records, function(permission) {
                fields.push({
                    name: permission.get('name'), 
                    type: 'bool'
                });
            });

            // update the user model with ALL the fields
            userModel.setFields(fields);

            // NOW load the current user with the permission data
            // (defined in a Java session attribute for me)
            me.getCurrentUserStore().load();

        });

    }
});