1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    219
    Answers
    10
    Vote Rating
    5
    webfriend13 is on a distinguished road

      0  

    Default Answered: Hanlder for next and previous buttons in Ext.PagingToolbar

    Answered: Hanlder for next and previous buttons in Ext.PagingToolbar


    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.

  2. 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:

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

  3. #2
    Sencha - Community Support Team
    Join Date
    Jan 2012
    Posts
    1,376
    Answers
    346
    Vote Rating
    113
    vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all

      0  

    Default


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

  4. #3
    Touch Premium Member
    Join Date
    Jun 2011
    Posts
    1,074
    Answers
    111
    Vote Rating
    94
    Farish is a glorious beacon of light Farish is a glorious beacon of light Farish is a glorious beacon of light Farish is a glorious beacon of light Farish is a glorious beacon of light

      0  

    Default


    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:

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

  5. #4
    Sencha User
    Join Date
    Feb 2012
    Posts
    219
    Answers
    10
    Vote Rating
    5
    webfriend13 is on a distinguished road

      0  

    Default


    Hey Farish,

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

    Cheers

Thread Participants: 2