Question

I use Ext.form.ComboBox in very similar way as in this example:
http://extjs.com/deploy/dev/examples/form/forum-search.html

What annoys me is that when the ajax call is in progress it shows loading text and I cannot see any results from before.

Eg I input ‘test’ -> it shows result -> I add ‘e’ (search string is ‘teste’) -> result dissapear and loading text is shown, so for a second I cannot see any result and think about if it’s not what I’m searching for…

How can I change this to simply not to say anything when ‘loading’…

Answer 1

The solution is to override ‘onBeforeLoad’ method of Ext.form.ComboBox:

  Ext.override(Ext.form.ComboBox, 
    { onBeforeLoad: 
        function() {this.selectedIndex = -1;}
    });    

Please be warned, that this overrides the class method, so all of the ComboBox instances will not have the LoadingText showing. In case you would like to override only one instance – please use plugins (in quite similar way).

You may also look at Ext.LoadingMask to set an appropriate loading mask to aside element if you wish.