sencha touch list分页



 思路,利用一个备用store,每次从list的store中取出相应的数据,放于一般备用store中,再将该备用store绑定于list


监听滚动

   var me = this;
   me.pageNum = 1;  //当前页 
   me.pageItems = Ext.is.Phone ? 30:50;   //每页显示项 
   var list = this.child('list');
   list.scroller.on('scrollend',me.onScrollerEnd,me);  //监听滚动停止事件


分页逻辑

    onScrollerEnd : function(scroller,offsets){
    	
  		var list = this.child('list');
       	var me = this,  
            lh = scroller.size.height,  
            h  = list.getHeight(),  
            y  = offsets.y;  
        if(y==0){                   //滚动到顶部时显示上一页  
            if((me.pageNum>1)){  
                me.pageNum--;  
                me.doPaging ();  
            }  
        }else if((y+h)>=lh){        //滚动显底部时显示下一页  
            var c = list.stroe.getCount();  
            if(c > (me.pageNum*me.pageItems)){  
                me.pageNum++;  
                me.doPaging ();  
            }  
        }  
    }, 
  doPaging : function(){     //分页逻辑  
  	   var list = this.child('list');

       var me = this,  
           n = me.pageNum,  
           y = me.pageItems;  
         
        var data = list.stroe.getRange((n-1)*y, (n*y));
    	this.helpStore.removeAll();          //清除所有数据  
    	this.helpStore.add(data);            //取主store里的范围    
       	list.bindStore(this.helpStore);       //绑定到当前list里  
       	
        list.scroller.scrollTo({x: 0, y:0}, false);
    },


你可能感兴趣的:(sencha touch list分页)