js分页

//获取总页数
var GetPageCount = function (RecordCount, PageSize) {
    RecordCount = parseInt(RecordCount);
    PageSize = parseInt(PageSize);
    if (RecordCount % PageSize == 0) {
        return Math.floor(RecordCount / PageSize);
    }
    else {
        return Math.floor(RecordCount / PageSize) + 1;
    }
}

//js分页
var showpage = function (opt) {
    if (!opt.id) { return false };
    var obj = document.getElementById(opt.id);
    var nowNum = opt.nowNum;
    var allNum = opt.allNum;
    var callBack = opt.callBack || function () { };
    if (nowNum >= 4 && allNum >= 6) {
        var oA = document.createElement("a");
        oA.href = "#1";
        oA.innerHTML = "首页";
        obj.appendChild(oA);
    }
    opt.innerHTML = "";
    if (nowNum >= 2) {
        var oA = document.createElement("a");
        oA.href = "#" + (nowNum - 1);
        oA.innerHTML = "";
        oA.className = "toppage";
        obj.appendChild(oA);
    }

    if (allNum <= 5) {
        for (var i = 1; i <= allNum; i++) {
            var oA = document.createElement("a");
            oA.href = "#" + i;
            if (nowNum == i) {
                oA.innerHTML = i;
                oA.className = "current";
            }
            else {
                oA.innerHTML = "" + i + "";
            }
            obj.appendChild(oA);
        }
    }
    else {
        for (var i = 1; i <= 5; i++) {
            var oA = document.createElement("a");
            if (nowNum == 1 || nowNum == 2) {
                oA.href = "#" + i;
                if (nowNum == i) {
                    oA.innerHTML = i;
                    oA.className = "current";
                }
                else {
                    oA.innerHTML = "" + i + "";
                }
            }
            else if ((allNum - nowNum) == 0 || (allNum - nowNum) == 1) {
                oA.href = "#" + (allNum - 5 + i);
                if ((allNum - nowNum) == 0 && i == 5) {
                    oA.innerHTML = (allNum - 5 + i);
                }
                else if ((allNum - nowNum) == 1 && i == 4) {
                    oA.innerHTML = (allNum - 5 + i);
                    oA.className = "current";
                }
                else {
                    oA.innerHTML = "" + (allNum - 5 + i) + "";
                }
            }
            else {
                oA.href = "#" + (nowNum - 3 + i);
                if (i == 3) {
                    oA.innerHTML = (nowNum - 3 + i);
                    oA.className = "current";
                }
                else {
                    oA.innerHTML = "" + (nowNum - 3 + i) + ""
                }
            }
            obj.appendChild(oA);
        }
    }

    if ((allNum - nowNum) >= 1) {
        var oA = document.createElement("a");
        oA.href = "#" + (nowNum + 1);
        oA.innerHTML = "";
        oA.className = "footpage";
        obj.appendChild(oA);
    }
    if ((allNum - nowNum) >= 3 && allNum >= 6) {
        var oA = document.createElement("a");
        oA.href = "#" + allNum;
        oA.innerHTML = "尾页";
        obj.appendChild(oA);
    }
    callBack(nowNum);
    var AA = obj.getElementsByTagName("a");
    for (var i = 0; i < AA.length; i++) {
        AA[i].onclick = function () {

            var nowNum = parseInt(this.getAttribute("href").substring(1));
            obj.innerHTML = "";
            jcp.showpage({
                id: opt.id,
                nowNum: nowNum,
                allNum: allNum,
                callBack: callBack
            });
            return false;
        }
    }
}

//调用
 showpage({
                id: "pagenumlist",
                allNum: GetPageCount(parseInt(数据总条数), PageSize),
                nowNum: 1,
                callBack: function (PageIndex) {
                    if (data != "" && parseInt(数据总条数) > 0) {
                        //绑定数据列表
                        //video.GetLog_commentList(type, parentId, videoid, PageIndex);
                    }
                }
            });            

 

posted @ 2016-08-26 15:50  zhang_r  阅读(180)  评论(0编辑  收藏  举报