I hope there is a solution for my issue. I'm using Extjs 4.1. I have a viewport with a panel that allows to enter search parameters at the top and 2 tabs at the botton. Both tabs have grids. The grids on both tabs are very similar in the set up (not the data).

The grids support remote sorting and filtering and one also supports grouping. Both grids have stores with autoload = false, take 2 extra parameters (date and type), buffered = true and pageSize = 100.

Proxy type is rest.
Both grids are loaded at the same time when a search button in the top panel is clicked. Search parameters are passed as extra parameters.

I set the ajax time out to 10 minutes.

Sometimes when I click the search button at the top, one of the grids is stack with the Loading mask. Log file shows the controller is called and returns results fine. Looks like when the json is parced - the grid loading is halted.
I won't be able to upgrade to a new version at this point.

Any suggestions? May be how to detect when the load is hang and try again?
Thank you.

EDIT: Seems to be happening almost every time if I press search button and while I see loading mask on one of the tabs, I witch to another tab very fast. If that tab hasn't finished loading, it will get stuck in that position.

EDIT: Added some code - basically any time load() is called on a store - this could happen.

LOL, OK now there is too much code :) Can you make a smaller test case?
–
dbrinAug 21 '13 at 4:25

oh, and get rid of the fit layout config of the tab panel.
–
dbrinAug 21 '13 at 4:26

In general, when you're left stuck with a loading mask, that means that a javascript error has killed the execution at an unexpected point. Don't you have any error that appears in the console? Also, buffered stores are quite touchy in my experience, so does the problem remains if you disable buffering for the store?
–
rixoAug 21 '13 at 8:09