View Full Version : Hanlder for next and previous buttons in Ext.PagingToolbar

30 Apr 2012, 12:59 AM
Hi All,

I am using a grid which is having a Ext.PagingToolbar. Each time user clicks on next and previous button, I want to show mask over the grid until grid gets the data. The idea is to provide the user with sort of information that grid is loading the data. How can I achieve this behavior. I am using ExtJs framework 4.1.

Thanks in advance.

30 Apr 2012, 1:08 AM
Ext 4.1 has problem with loading mask. See here http://www.sencha.com/forum/showthread.php?198341-4.1-Loading-mask&highlight=mask

30 Apr 2012, 1:09 AM
you can use the beforechange listener if you want to do something before changing the page or just the change listener to do something after changing the page:

beforechange: function(pagingtoolbar, page, eOpts)

30 Apr 2012, 1:46 AM
Hey Farish,

Thank you for the reply. I am now using beforeChange and Change events.

Cheers :)