Sench Touch 监听滚动事件

为什么80%的码农都做不了架构师？>>>   

由于dataview的分页插件中加载更多按钮会显示在上面，只能放弃使用分页插件，改成了滚动到底部自动刷新，下面这就是在网上找到的监听滚动事件：

1.这是在控制器里的：

config: {
    refs: {
        list: '...',
        ...
    },
    control: {
        list: {
            initialize: 'onListInit'
        },
        ...
    },
    ...
},
onListInit: function(thisCOMP) {
    var scroller = thisCOMP.getScrollable().getScroller();
    scroller.on('scrollstart', this.onNnListScrollStart, this);
    scroller.on('scrollend',   this.onNnListScrollEnd,   this);
},
onNnListScrollStart: function(scroller, x, y) {
    console.log('START SCROLL');
},

onNnListScrollEnd: function(scroller, x, y) {
    console.log('scroll x:'+x);
    console.log('scroll y:'+y);

    var bottom = scroller.maxPosition.y;
    var top    = scroller.minPosition.y;

    var isScrollUp   = scroller.dragDirection.y === -1;
    var isScrollDown = scroller.dragDirection.y === 1;

    if (bottom === y && isScrollDown) {
        console.log('BOTTOM');    
    }

    if (top === y && isScrollUp) {
        console.log('TOP');
    }

    console.log('END SCROLL');
},
...

来源：http://stackoverflow.com/questions/18762768/how-to-get-scroll-at-bottom-and-scroll-at-top-of-a-list-view-of-a-sencha-tou

2.这是在视图里的：

{
    xtype:'dataview',
    fullscreen: true,
    scrollable: {
        direction:'vertical',
        scroller: {
            listeners:{
                scroll:function(){
                    console.log('[scrollable][on scroll]');
                },
                scrollend:function( scroller, x, y, eOpts ){
                    console.log('[scrollable][on scrollend]x='+x+', y='+y);
                }
            }
        }
    },
    store: {
        fields: ['name', 'age'],
        data: [
            {name: 'Jamie',  age: 100},
            {name: 'Rob',   age: 21},
            {name: 'Tommy', age: 24},
            {name: 'Jacky', age: 24},
            {name: 'Ed',   age: 26}
        ]
    },

    itemTpl: '<div>{name} is {age} years old</div>'
}

来源：http://stackoverflow.com/questions/18871581/scroller-events-dont-fire-in-sencha-touch

转载于:https://my.oschina.net/geomen/blog/601246