我正在尝试动态构建一个 extjs 表单,当我尝试将动态构建的 MixedCollection 对象添加到表单时,我得到一个TypeError: e.mixins.elementCt is undefined错误。
<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 方法接受一个组件或组件数组,因此我没有添加 MixedCollection 类型,而是引用 formItems.items 来添加 displayfields 组件数组。
但是由于某种原因,在 store.load 执行时商店监听器加载没有被触发,有没有人看到这个问题?
没关系...我想通了...我放置了侦听器而不是代理而不是商店。
第二季度
还有一点很奇怪的是,在 store.load 的回调方法中,记录没有与加载的值一起返回。
没关系...我想通了...这是我传递的json对象。忘记将其从错误/数据结构中取出。
谢谢