Ext JS: Proper technique to filter a combobox?

Question

When I filter a combobox by adding a filter to the underlying store, sometimes the filter works (items are removed) and sometimes it has no effect. I have debugged the filterBy function; it is being called and is returning true/false as I wish to filter/show items.

I read on the ExtJS forums that the, "Combobox uses filtering (even with triggerAction:'all'), so your own trigger gets replaced by the one from the combobox." Two filters?

What is the proper technique to remove temporarily items in an Ext JS combobox?

Answer 1

You'll need to delete the property 'lastQuery' of the Combobox, everytime you filter the Store. This is where the ComboBox caches it's Entryset after it build it up the first time.

So doing something like this:

      'window combobox[name=countryselection]' : {
            'change' : function(view, newValue){
                with(Ext.data.StoreManager.lookup('Subcountries')){
                    var combobox = Ext.getCmp('MainWindow').query('combobox[name=subcountryselection]')[0];
                    //force the combobox the rebuild its entryset
                    delete combobox.lastQuery;
                    clearFilter();
                    filter('countryId', newValue);
                }
            }
        }

It works great for me :-)