Results 1 to 4 of 4

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

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    221
    Answers
    10
    Vote Rating
    3
      0  

    Default 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 User
    Join Date
    Jan 2012
    Posts
    1,376
    Answers
    347
    Vote Rating
    114
      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
    Answers
    113
    Vote Rating
    100
      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
    221
    Answers
    10
    Vote Rating
    3
      0  

    Default

    Hey Farish,

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

    Cheers

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •