0

extjsフォームを動的に構築しようとしていますが、動的に構築されたMixedCollectionオブジェクトをフォームに追加しようとすると、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>

私が理解していないもう1つのことは、関数をロードリスナー内に配置しても、何も起こらないということです。そのため、コールバックイベントを使用する必要がありました。

更新： form.addメソッドはコンポーネントまたはコンポーネント配列を受け取るため、MixedCollectionタイプを追加する代わりに、formItems.itemsを参照してdisplayfieldsコンポーネントの配列を追加します。

しかし、何らかの理由で、store.loadが実行されたときにストアリスナーのロードがトリガーされません。誰かがそれに問題を見つけますか？ これを気にしないでください...私は理解しました...私はストアの代わりにプロキシの代わりにリスナーを配置しました。

Q2

また、store.loadのコールバックメソッド中に、ロードされた値とともにレコードが返されないことも奇妙なことです。 これを気にしないでください...私は理解しました...それは私が渡しているjsonオブジェクトでした。フォームのエラー/データ構造からそれを取り除くのを忘れました。

ありがとう

4

1 に答える 1

1

MixedCollectionは、追加に使用できるパラメーターではありません。配列を使用する必要があります。この情報はドキュメントにあります。

于 2012-10-03T03:01:00.463 に答える