0

私は今日のほとんどをこれに費やしたと言って恥ずかしいです。データストアの内容に基づいてフォームを作成しようとしています。Ext.jsとMVCアーキテクチャを使用しています。これが私が持っているものです：

var myitems = Ext.create('Ext.data.Store', {
    fields: ['name', 'prompt', 'type'],
    data : 
    [
        {"name":"name", "prompt":"Your name" , "type":"textfield"},
        {"name":"addr", "prompt":"Your street address", "type":"textfield"},
        {"name":"city", "prompt":"Your city" , "type":"textfield"}
    ]
});


function genwidget(name, prompt, type)
{
    console.log("In genwidget with name=" + name + ", prompt=" + prompt + ", type=" + type + ".");

    var widget = null;
    if (type == "textfield")
    {
//      widget = Ext.create('Ext.form.field.Text', 
        widget = Ext.create('Ext.form.TextField', 
            {
                xtype     : 'textfield',
                name      : name,
                fieldLabel: prompt,
                labelWidth: 150,
                width     : 400,  // includes labelWidth
                allowBlank: false
            });
    }
    else
    {
        // will code others later
        console.log("Unrecongized type [" + type + '] in function mywidget');
    }
    return widget;
};


function genItems(myitems)
{
    console.log("Begin genItems.");

    var items = new Ext.util.MixedCollection();

    var howMany = myitems.count();
    console.log("There are " + howMany + " items.");

    for (var i = 0; i < myitems.count(); i++)
    {
        var name   = myitems.getAt(i).get('name');
        var prompt = myitems.getAt(i).get('prompt');
        var type   = myitems.getAt(i).get('type');
        var widget = genwidget(name, prompt, type) ; 
        items.add(widget);
        console.log("items.toString(): " + items.toString());
    }

    return items;
};


Ext.define('MyApp.view.dynamicform.Form' ,{
    extend: 'Ext.form.Panel',
    alias : 'widget.dynamicformform',

    // no store

    title: 'Dynamic Form',
    id: 'dynamicform.Form',
    bodyPadding: 5,
    autoScroll: true,
    layout: 'auto',

    defaults: 
    {
        anchor: '100%'
    },

    dockedItems: [ ],

    items: genItems(myitems),

    // Reset and Submit buttons
    buttons: [
        {
            text: 'Reset',
            handler: function() 
            {
                this.up('form').getForm().reset();
                console.log('Reset not coded yet');
            }
        },
        {
            text: 'Submit',
            formBind: true, //only enabled once the form is valid
            disabled: true,
            handler: function() 
            {
                var form = this.up('form').getForm();
                if (form.isValid()) 
                {
                    form.submit({
                        success: function(form, action) 
                        {
                            console.log('Success not coded yet');
                        }
                    });

                }
            }
        }   //  end submit
    ],  // end buttons


    initComponent: function() 
    {
        console.log("--> in dynamicform init");

        this.callParent(arguments);

        console.log("--> leaving dynamicform init");
    }


});  // Ext.define

私が得ているエラー（私は一日中たくさんありました）は「my.items.pushは関数ではありません」です。

あなたが提供できるどんな助けにも前もって感謝します！

4

1 に答える 1

1

itemsMixedCollectionではなく配列であることが期待されます。よく覚えていれば、後でMixedCollectionに変更されます。したがって、問題の変更を修正するには：

var items = new Ext.util.MixedCollection();
// ...
items.add(widget);

に

var items = [];
// ...
items.push(widget);

itemsフォームを空の配列として定義し、それinitComponentを利用することも検討してExt.applyください。

var me = this,
    items = genItems(myitems);
Ext.apply(me, {
    items:items
});
于 2012-10-28T11:27:00.530 に答える