将混合组件添加到EXTJS表单时出错

Question

我正在尝试动态构建extjs表单，当我尝试将动态构建的混合文件对象添加到我得到 typeerror：e.mixins.elementct是未定义的错误。

<div id="form-@pageSpecificVar" class="grid-container even"></div>
<script>

    Ext.define('HeaderForm', {
        extend: 'Ext.form.Panel',
        initComponent: function () {
            var me = this;
            Ext.applyIf(me, {
                id: Ext.id(),
                defaultType: 'textfield',
                items: [{
                    xtype: 'container',
                    items: [{
                        xtype: 'textfield',
                        fieldLabel: 'Test'
                    }]
                }]
            });
            me.callParent(arguments);
        }
    });

    // Define our data model
    Ext.define('HeaderModel', {
        extend: 'Ext.data.Model',
        fields: [
            { name: 'FieldA', type: 'int' }
        ]
    });

    var store = Ext.create('Ext.data.Store', {
        model: 'HeaderModel',
        proxy: {
            type: 'ajax',
            actionMethods: { create: 'POST', read: 'GET', update: 'POST', destroy: 'POST' },
            url: '@Url.Content("~/Test/Header")',
            timeout: 1200000,
        listeners: {
            load: function () {
            }
        }
        }
    });

    store.load({
        scope: this,
        callback: function (records, operation, success) {
                var form = new HeaderForm();
                var formItems = new Ext.util.MixedCollection();
                Ext.each(records[0].fields.items, function (item) {
                    console.log(item);
                    formItems.add(new Ext.form.DisplayField({
                        fieldLabel: 'Test'
                    }));
                }, this);
                console.log(formItems);
                form.add(formItems);
                form.loadRecord(records[0].data);
                form.render('form-@pageSpecificVar');
        }
    });
</script>

.

我不明白的另一件事是，当我把函数放在负载倾听者内时，没有任何反应。所以我不得不诉诸使用回调事件。

更新： form.add方法采用组件或组件阵列，因此而不是添加混合密集类型i引用formItems.Items添加DisplayFields组件数组。

但由于某种原因，商店侦听器加载不会被触发，当执行store.load时，有人会看到这个问题吗？ 没关系......我想出来......我把听众放在了代理而不是商店。

q2

也奇怪的是，在存储的回调方法期间，记录不会与加载值返回。 没关系......我想出来......这是我传递的json对象。忘了将其从错误/数据结构中取出表格。

感谢

Answer 1

mixcollection不是添加的接受参数，需要使用数组。此信息位于文档中。