ExtJS combo elements disappear on select

Question

I have a simple combo box with some values in it, populated by a json store. The problem is that when I click the drop down and select a value, all the other values disappear so that I cannot select another value. Heres my code:

Ext.onReady(function(){

var dropDownStore = new Ext.data.JsonStore({
    autoDestroy: false,
    fields: ['graph', 'displayText'],
    data: [
        {graph: 'all', displayText: 'All Posts'},
        {graph: 'other', displayText: 'Other Posts'}
    ],
    autoLoad: false
});

var dropDown = new Ext.form.ComboBox({
    disable: false,
    mode: 'local',
    store: dropDownStore,
    valueField: 'graph',
    displayField: 'displayText',
    editable: false,
    listeners: {
            select: function(combo, record) {
                //alert(combo.getValue());

            }
        }
});





});

Answer 1

Try adding triggerAction:'all' to your combo config. See my answer to a similar question for more details.