Cascading Combobox in extjs

Question

I want to do cascading combobox in extjs. I have to comboboxes

Course combobox

{ 
    xtype : \'combobox\',  
    emptyText : \'         


        

Answer 1

Is it showing a LoadMask the second time you load it?

Use this to override that behaviour:

Ext.override(Ext.LoadMask, {
    onHide: function() {
    this.callParent();
  }
});

Answer 2

Most likely your issue is that the store.load() is async. Try passing in the rest of your logic (filtering etc) in the callback of load.

Answer 3

It looks like you want to clear the filter you already applied. To remove filters that have been applied there is a clearFilter() method available on the store. You can mix that into your code similar to this:

comboModule.clearValue();  
// new line to clear any filter applied to the store
comboModule.getStore().clearFilter(true);  
comboModule.getStore().filter('courseId',combo.getValue());