Hanlder for next and previous buttons in Ext.PagingToolbar

[webfriend13]

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.

[vietits]

Ext 4.1 has problem with loading mask. See here http://www.sencha.com/forum/showthre...highlight=mask

[Farish]

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:

listeners:
            {
                beforechange: function(pagingtoolbar, page, eOpts)
                {
                }
            }

[webfriend13]

Hey Farish,

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

Cheers