1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    219
    Vote Rating
    5
    Answers
    10
    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
    Vote Rating
    115
    Answers
    346
    vietits is a splendid one to behold vietits is a splendid one to behold vietits is a splendid one to behold vietits is a splendid one to behold vietits is a splendid one to behold vietits is a splendid one to behold

      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,099
    Vote Rating
    96
    Answers
    113
    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
    Vote Rating
    5
    Answers
    10
    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