自定义分页

文章仅限于工作中用到作为文档记录,也可直接参考layer 的分页模式。

1、paging.js

/**
 * 分页
 * 
 * @param pagesize
 *            每页记录数
 * @param pageindex
 *            当前页数
 * @param rowcount
 *            记录总数
 * @returns
 */
var rowcount = 0;
var jumpIndex = 1;// 当前跳转的页码数
var reBind = new function() {
};

function paging(pagesize, pageindex) {
    jumpIndex = pageindex;
    reBind();
    var pagecount = parseInt(rowcount / pagesize);
    if (rowcount % pagesize > 0) {
        pagecount += 1;
    }
    if (pagecount == 0) {
        pagecount = 1;// 总页数
    }
    var begin = pagesize * (pageindex - 1);
    // content = [];

    // for (i = 0; i < pagesize; i++) {
    //
    // if ((begin + i) >= rowcount) {
    // break;
    // }
    // content.push(allData[i + begin]);
    //
    // }
    var pageHtml = "";
    // 首页
    if (pageindex == 1) {
        pageHtml += "<li  class=\"disabled\"><a href=\"javascript:void(0);\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-double-left\"></i></a></li>"
        pageHtml += "<li  class=\"disabled\"><a href=\"javascript:void(0);\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-left\"></i></a></li>"

    } else {
        pageHtml += "<li><a href=\"javascript:paging("
                + pagesize
                + ","
                + 1
                + ");\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-double-left\"></i></a></li>"
        pageHtml += "<li><a href=\"javascript:paging("
                + pagesize
                + ","
                + (pageindex - 1)
                + ");\" style=\"height:32px;padding-top: 7px;\"><
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值