码迷,mamicode.com
首页 > 其他好文 > 详细

前端分页 思路

时间:2017-01-09 16:04:11      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:std   i++   on()   for   cti   length   war   gen   scope   

$scope.allNum = $scope.listData.length;
$scope.allPage = Math.ceil($scope.allNum / 10);
console.log($scope.listData);

//分页
$scope.defaultPage = 1;
$scope.nowArr = [];
for(var i=0; i<($scope.allNum < 10?$scope.allNum:10);i++){
$scope.nowArr.push($scope.listData[i]);
}

//下一页
$scope.pageDown = function(){
$scope.nowArr = [];
if($scope.defaultPage<$scope.allPage){
$scope.defaultPage++;
}
for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
if(i<=$scope.allNum-1){
$scope.nowArr.push($scope.listData[i]);
}
}
};
//上一页
$scope.pageUp = function(){
$scope.nowArr = [];
if($scope.defaultPage>1){
$scope.defaultPage--;
}
for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
if(i<=$scope.allNum-1){
$scope.nowArr.push($scope.listData[i]);
}
}
};
//go
$scope.pageGo = function(pageNow){
$scope.nowArr = [];
if(pageNow>=1&&pageNow<=$scope.allPage){
$scope.defaultPage = pageNow;
}
for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
if(i<=$scope.allNum-1){
$scope.nowArr.push($scope.listData[i]);
}
}
};

前端分页 思路

标签:std   i++   on()   for   cti   length   war   gen   scope   

原文地址:http://www.cnblogs.com/liuhongjin/p/6265474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!