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.