Can you configure a combo with inline data?

[parky128]

Hi,

Is it possible to configure a combo box in Ext Designer using in-line array data for the store property?

I just need a combo with 'True' and 'False' as options, and see you can use an inline array according to the ExtJS docs (v3.4). I had a go at setting this up in designer, generated code is below.

MyCombo19Ui = Ext.extend(Ext.form.ComboBox, {
    width: 100,
    cellCls: 'configFieldCell',
    store: '[\'True\',\'False\']',
    mode: 'local',
    triggerAction: 'all',
    allowBlank: false,
    initComponent: function() {
        MyCombo19Ui.superclass.initComponent.call(this);
    }
});

When I try and run the code that uses this combo box I get an error from the Extjs source code as follows:

this.store is undefined
http://localhost:8080/ext-3.3.1/ext-all-debug.js
Line 41111

Thanks.

[mitchellsimoens]

Store config should be a Store instance or an Array... what is there is a String so I assume ComboBox isn't recognizing it and creating a Store instance on the fly.

[gskluzacek]

It appears that when you specify the inline data (as an array) in the combo box's store config setting, Designer looks like its converting it to a string, I'm guessing this is a bug? But if you go in and directly edit the generated code (which you're not supposed to do) from:

Ext.define('MyApp.view.ui.ComboTest', {
    extend: 'Ext.panel.Panel',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    fieldLabel: 'Label',
                    store: '[\'one\',\'two\',\'three\',\'four\']'
                }
            ]
        });


        me.callParent(arguments);
    }
});

to the following:

Ext.define('MyApp.view.ui.ComboTest', {
    extend: 'Ext.panel.Panel',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    fieldLabel: 'Label',
                    store: ['one','two','three','four']
                }
            ]
        });


        me.callParent(arguments);
    }
});

[niveditaWebbee]

It appears that when you specify the inline data (as an array) in the combo box's store config setting, Designer looks like its converting it to a string, I'm guessing this is a bug? But if you go in and directly edit the generated code (which you're not supposed to do) from:

Ext.define('MyApp.view.ui.ComboTest', {
    extend: 'Ext.panel.Panel',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    fieldLabel: 'Label',
                    store: '[\'one\',\'two\',\'three\',\'four\']'
                }
            ]
        });


        me.callParent(arguments);
    }
});

to the following:

Ext.define('MyApp.view.ui.ComboTest', {
    extend: 'Ext.panel.Panel',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    fieldLabel: 'Label',
                    store: ['one','two','three','four']
                }
            ]
        });


        me.callParent(arguments);
    }
});

I tried this but its showing error "Uncaught TypeError: Cannot call method 'indexOf' of undefined"

[hobophobik]

I've also just come across this issue - the array being treated as a string.

Is there a workaround?

Update

Must have been a syntax error as I can't replicate the issue now.