Extjs4 Combobox with additional options

Question

I wish to create a combobox that loads a store, but also want to add a few predefined data on it. Is it possible?

Answer 1

I think this is what you need:

Ext.define('App.widget.MyCombo', {
    extend  : 'Ext.form.field.ComboBox',
    displayField: '...',
    valueField  : '...',

    name    : '...',
    alias   : 'widget.mycombo',
    fieldLabel  : 'My Custom combo',

initComponent: function() {
    var me = this;

    me.store = Ext.create('Ext.data.Store', {
        model : '...',
        proxy : {
            type : '...',
            reader: '...'
        }
    });

    /*After data is loaded append some predefined records.*/    
    me.store.on('load', function() {
        /*Indicates that data must be appended to already loaded data.*/
        var append = true;

        me.store.loadData([{id : -1, value : 'Default'}, 
                           {id: -2, value: 'Second Default'}], append);
    });

    me.callParent();
}


});

Answer 2

If your store is a list, then you can simply append your items to the list after it is generated at the index you specify.

You can also get the store from the combobox, and then use add() at the index your specify.