I have a grid with roughly 140 records. We're applying a filter to the store to give two different view on the grid. First view is showing records with "column A" set. Second view is showing records that have "column A" not set. The performance is fine in Firefox and Chrome but in IE 9, you'll notice the incredibly slow refresh of the grid (talking about 10-15 secs for IE as in Firefox and Chrome it is 1sec) when the filter is applied. The only instance when the performance isn't an issue in IE 9 is if the number of records being returned for either of the state is just a few records. So basically if the filter is returning only a few records back for the grid. I'm beginning to think this issue may be a problem with how IE works as Firefox and Chrome there is no lag.
Possible solution would be to check if the browser is IE and apply a load mask, but that's not the direction we want to take.
-What is the exact version of ExtJS4 that you are using?
-How many total columns are there?
-Do you have any column renderers?
-Have you run a profiler to see where bottleneck is?
-Have you run your app in our PageAnalyzer?
-Using 4.0 Extjs
-2 columns (2nd column contains a toggle field which allows the user to enable that field)
-IE9 Profiler shows that on function "offsetHeight" has an exclusive time of 17,637.50ms but there is no line number or URL showing on the report to get a better look.
-Did not run PageAnalyzer as I'm on 4.0