使用remoteSort在哪种商店上触发了什么方法？

Question

I sort of inherited a mess and only have a short time to fix it. My issue is that I am trying to fix a bug where we are using a store/grid with infinite scrolling. When a user tries to sort the grid a "loading" message appears and that is it.

I have put breakpoints serverside and it is calling back to the server fine and passing the correct columns but it does not ever take the "loading" message off.

I am looking for what event I should watch for on the clientside before and after the sort is fired. I have console.log statements in load, beforesync and just about everything else on the store (http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.Store) perhaps there is something I need to listen for on the grid?

Here is the logs from the prefetch overriding and console.logs...

grid store event: ["beforeload", i, Object]
pageSize = 100
grid store event: ["beforeprefetch", i,i]
before prefetch done 
proxy.read done 
end of prefetch 
grid panel event: ["sortchange", i, i, "DESC"]
grid panel event: ["beforestatesave", i, Object]
grid store event: ["totalcountchange", 2] BufferedStore.js:22
grid store event: ["prefetch", i, Array[2], true,i]

Answer 1

The 'sortchange' event should fire on the grid. The 'beforeload' event should fire before the call to the service is made to get new data. The 'load' event should fire once the data comes back from the service call.

To debug deeper, after your grid is created and you have a reference to it, say for instance 'rolocGrid', you can then use the Observable utility to monitor all events on the grid and it's store.

This snippet will write to the console for each event to give you insight into what happens in the process:

 Ext.util.Observable.capture(rolocGrid.store, function () { console.log('grid store event:', arguments)}, rolocGrid);                                           
 Ext.util.Observable.capture(rolocGrid, function () { console.log('grid event:', arguments)}, rolocGrid);