Add blank entry to combobox

[DmitryF]

Hello.
I have a combobox with data.Store.
How i can add an empty option to the combobox?

[friend]

A simple solution might be to use the combo's emptyText config option.

If that doesn't work for you, you could always use the store's load event to insert a blank record..

[scottmartin]

Something like this should work:

// 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"}
    ],
    
    listeners: {
        load: function(store){
            var rec = { abbr: '', name: '-' };
            store.insert(0,rec);    
        }
    }

    
});

// 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()
});

Scott.

[DmitryF]

Thank you! It works great.

Ext.define('AM.store.Beers', {
    extend: 'Ext.data.Store',
    model: 'AM.model.Beer',


    listeners: {
        load: function(store) {
            var model = Ext.create('AM.model.Beer', {
                id: '',
                number: 'Not Set'
            });
            store.autoSync = false;
            store.insert(0,model);
        }
    }
});

[ravimaroju]

Great Work.. Its Working Absolutely fine