1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    36
    Vote Rating
    0
    mainstream is on a distinguished road

      0  

    Default Answered: List scroller, max position event

    Answered: List scroller, max position event


    hi,

    I am beginner in sencha touch, so i need help.
    i have a panel with a list. how can know that the scroller of this list is arrived to the bottom?

    I want to add an event listener to my panel when the list scroller has reached its maximum position.

    How can i do this?

    Help please.

  2. The Ext.scroller.Scroller has a scrollend event that will fire when the scrolling has stopped. You can then check against the maxPosition value.

    To get the Scroller instance:

    Code:
    var scroller = list.getScrollable().getScroller();
    To handle scroll to the max position:

    Code:
    scroller.on('scrollend', function(scroller, x, y) {
        if (y >= scroller.maxPosition.y) {
            //you have scrolled to the end of the list
        }
    }, list);

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,074
    Answers
    3500
    Vote Rating
    854
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The Ext.scroller.Scroller has a scrollend event that will fire when the scrolling has stopped. You can then check against the maxPosition value.

    To get the Scroller instance:

    Code:
    var scroller = list.getScrollable().getScroller();
    To handle scroll to the max position:

    Code:
    scroller.on('scrollend', function(scroller, x, y) {
        if (y >= scroller.maxPosition.y) {
            //you have scrolled to the end of the list
        }
    }, list);
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1