Trying to pass arguments through initComponent to item array

Question

I have a form with combos in it, and I am trying to figure out an easy way of passing the combo values through to the combo widget.

Basically I am passing through an array to my form like so :

    var contentPanel = Ext.create('MyForm', {
        countryCodesForCombo: _this.countryCodesForCombo,
    });

This means the data comes through the initComponent method.

Ext.define('MyForm', {
    extend: 'Ext.form.Panel',

    initComponent : function (){

        var cCodes = this.countryCodesForCombo;

        this.callParent();
    },
    items: [
        {
            fieldLabel: 'Hi',
            xtype: 'combobox',
            name: 'land',
            displayField:'name',
            store: {
                fields: ['name'],
                data: this.countryCodesForCombo // <--- want to get country codes somehow here
            }
        }
    ]
});

However the values can't get to the item objects.

Basically my question is, how do I get values passed through the initComponent method into the items array?

Think about the order of evaluation. The whole RHS of the object needs to be evaluated before it's ever even passed to define. The class doesn't exist, let alone an instance. — Evan Trimboli
– Evan Trimboli, Commented Sep 4, 2014 at 9:26

JuHwon · Accepted Answer · 2014-09-04 08:56:56Z

2

Your store doesnt look right. You have to create a store object.

This will work:

Ext.define('MyForm', {
    extend: 'Ext.form.Panel',

    initComponent : function (){

        this.store = Ext.create('Ext.data.Store', {
            fields: ['name'],
            data: this.countryCodesForCombo
        });

        Ext.apply(this, {

                    items: [{

                        fieldLabel: 'Hi',
                        xtype: 'combobox',
                        queryMode: 'local',
                        name: 'land',
                        displayField:'name',
                        store: this.store                    
                    }]
        });

        this.callParent();
    },

});

Here is a fiddle link too: https://fiddle.sencha.com/#fiddle/9ru

answered Sep 4, 2014 at 8:56

JuHwon

2,0632 gold badges34 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oliver Watkins Over a year ago

my store is OK. I was just wondering if there was a cleaner way of passing values to the items. Using Ext.apply(this... ) just seems a bit messy to me.

JuHwon Over a year ago

I think Ext.apply(this,{..}) is OK if you are not mixing it a lot. But i had headache too until i got used to it.

Collectives™ on Stack Overflow

Trying to pass arguments through initComponent to item array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related