js页面分页

// 分页相关
let pageUtil = {};
pageUtil.pageIndex = 1; // 当前页数
pageUtil.pageRows = 0;  // 每页记录数
pageUtil.pageCount = 0; // 总页数
pageUtil.list = [];     // 要分页的list数据
pageUtil.curList = [];  // 当前页显示的数据

 /**
  * 初始分页信息,计算总页数
  * @param pageIndex // 当前页数
  * @param pageRows  // 每页记录数
  * @param allRows   // 总记录数
  * @param list      // 要分页的list数据
  */
pageUtil.pageInit = function (pageIndex, pageRows, allRows, list) {
    pageUtil.pageIndex = pageIndex;
    pageUtil.pageRows = pageRows;
    pageUtil.allRows = allRows;
    pageUtil.list = list;
    let pageCount;
    pageUtil.curList = [];

    // 计算总页数
    if ((allRows % pageRows) == 0) {
        pageCount = allRows / pageRows;
    } else {
        pageCount = allRows / pageRows + 1;
    }

    pageUtil.pageCount = parseInt(pageCount);

    // 初始化curList
    var t = [];
    for (let i = 0; i < list.length && i < this.pageRows; i++) {
       t[i] = list[i];
    }
    pageUtil.curList = t;
};

// 上一页
pageUtil.pagePre = function () {

   // 如果当前页大于1就可以前翻
   if(pageUtil.pageIndex > 1){
       pageUtil.pageIndex--;
       var temp = [];
       let t = 0, j = pageUtil.pageRows;
       for(let i = (pageUtil.pageIndex - 1) * pageUtil.pageRows; i < pageUtil.list.length && j > 0; i++, j--){
           temp[t++] = pageUtil.list[i];
       }
       pageUtil.curList = temp;
       return temp;
   } else{
       // 当没有上一页的时候把最后一次请求的内容赋给curList
       return pageUtil.curList;
   }
};

// 下一页
pageUtil.pageNext = function () {

    if(pageUtil.pageIndex < pageUtil.pageCount){
        pageUtil.pageIndex++;
        var temp = [];
        let t = 0, j = pageUtil.pageRows;
        for(let i = (pageUtil.pageIndex - 1) * pageUtil.pageRows; i < pageUtil.list.length && j > 0; i++, j--){
            temp[t++] = pageUtil.list[i];
        }
        pageUtil.curList = temp;
        return temp;
    } else{
        // 当没有下一页的时候把最后一次请求的内容赋给curList
        return pageUtil.curList;
    }
};

export default pageUtil;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值