Filling Extjs Combobox with static data

Question

I have in my base class a combobox, where I only configure the "fields" property. Like this:

items: [
      comboText = Ext.create('Ext.form.ComboBox', {
                width: 150,
                padding: '0 20 0 0',
                displayField: 'label',
                store: Ext.create('Ext.data.Store', {
                    fields: [
                        {type: 'string', name: 'label'},
                        {type: 'string', name: 'fieldName'}
                    ]
                })
            }),
...]

How can I pass only the data property to this combo ? I tried the code below but does not work:

comboTest.store.loadData(value);

where value contains an array like this:

 [
    {"label":"First name", "fieldName":"firstname"},
    {"label":"Birth date", "fieldName":"birthdate"}
 ]

No errors, but the combobox opens nothing.

Luis · Accepted Answer · 2014-04-11 14:48:32Z

10

I got this to work using:

   xtype:'combo',
   fieldLabel:'Division',
   name:'division',
   valueField: 'division',
   queryMode:'local',
   store:['A','B','C'],
   displayField:'division',
   autoSelect:true,
   forceSelection:true

I know this question is really old, but just in case anyone comes looking for an answer that works out of the box; for me this was it.

answered Apr 11, 2014 at 14:48

Luis

7388 silver badges14 bronze badges

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

1 Comment

Christiaan Westerbeek Over a year ago

I like this solution for its simplicity. A reference to the API manual where this is described: docs.sencha.com/extjs/4.1.3/#!/api/… Look for the store config.

dbrin · Accepted Answer · 2012-10-30 17:18:45Z

Try this config:

       xtype:'combo',
       fieldLabel:'Division',
       name:'division',
       queryMode:'local',
       store:['A','B','C'],
       displayField:'division',
       autoSelect:true,
       forceSelection:true

Another Alternative is listed right in the docs of the ComboBox:

    // The data store containing the list of states
    var states = Ext.create('Ext.data.Store', {
        fields: ['abbr', 'name'],
        data : [
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"}
            //...
        ]
    });

    // Create the combo box, attached to the states data store
    Ext.create('Ext.form.ComboBox', {
        fieldLabel: 'Choose State',
        store: states,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr',
        renderTo: Ext.getBody()
    });

Nabarun · Accepted Answer · 2013-12-09 19:28:17Z

1

valueField is mandatory for combobox. Try setting the valueField in your combobox.

answered Dec 9, 2013 at 19:28

Nabarun

8191 gold badge15 silver badges23 bronze badges

Comments

Wagner Michael · Accepted Answer · 2018-11-03 15:22:21Z

0

It works:

{
    name: 'sample',
    xtype: 'combobox',
    allowBlank: false,
    emptyText: 'select ...',
    queryMode: 'local',
    itemId: 'sample',
    id: 'sample',
    displayField: 'name',
    valueField: 'name',
    forceSelection:true,
    store: ['B','C', 'A'],
    typeAhead: true
}

edited Nov 3, 2018 at 15:22

Wagner Michael

2,1921 gold badge16 silver badges29 bronze badges

answered Nov 3, 2018 at 12:07

Kavan Fatehi

414 bronze badges

Comments

Nishant Bajracharya · Accepted Answer · 2018-11-05 08:16:40Z

0

instead of using loadData();

comboTest.store.loadData(value);

use loadRawData();

comboTest.store.loadRawData(value);

If confusion try ths fiddle

answered Nov 5, 2018 at 8:16

Nishant Bajracharya

3613 silver badges13 bronze badges

Collectives™ on Stack Overflow

Filling Extjs Combobox with static data

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related