JS 分页

/**
* 分页函数
* pno–页数
* psize–每页显现纪录数
* 分页部份是从实在数据行最先,因此存在加减某个常数,以肯定真正的纪录数
* 纯js分页本质是数据行悉数加载,经由过程是不是显现属性完成分页功用
**/

function goPage(pno,psize,strvar){

    var itable = document.getElementById("tableId");    
    var num = itable.rows.length;//表格行数 
    var totalPage = 0;//总页数
    var pageSize = psize;//每页显现行数
    if((num-1)/pageSize > parseInt((num-1)/pageSize)){ 

        totalPage=parseInt((num-1)/pageSize)+1; 
    }else{ 
        totalPage=parseInt((num-1)/pageSize);
    }   

    var currentPage = pno;//当前页数

    var startRow = (currentPage - 1) * pageSize+1;//最先显现的行   

   var endRow = currentPage * pageSize+1;//完毕显现的行   

   endRow = (endRow > num)? num : endRow;
    //前n行一直显现

    for(i=0;i<1;i++){
        var irow = itable.rows[i];
        irow.style.display = "";
    }
    for(var i=1;i<num;i++){
        var irow = itable.rows[i];
        if(i>=startRow&&i<endRow){
            irow.style.display = "";

        }else{
            irow.style.display = "none";
        }
    }

var tempStr  = "

<ul class='pagination pull-left'><li><a>共"+(num-1)+"条纪录 </a></li><li><a>共"+totalPage+"页 </a></li><li><a>当前第"+currentPage+"页</a></li></ul>

";
    tempStr += "

<ul class='pagination pull-right'>";

if(currentPage>1){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(currentPage-1)+","+psize+",'"+strvar+"')\">上一页</a></li>"

}else{
    tempStr += "<li><a>上一页</a></li>";   
}

if(currentPage<totalPage){

    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(currentPage+1)+","+psize+",'"+strvar+"')\">下一页</a></li>";

}else{
    tempStr += "<li><a>下一页</a></li>";

}
if(currentPage>1){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(1)+","+psize+",'"+strvar+"')\">首页</a></li>";
}else{
    tempStr += "<li><a >首页</a></li>";
}
if(currentPage<totalPage){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(totalPage)+","+psize+",'"+strvar+"')\">尾页</a></li>";
}else{
    tempStr += "<li><a >尾页</a></li>";
}
tempStr +="</ul>

";
    document.getElementById(strvar+"_pageStr").innerHTML = tempStr;
}
    原文作者:fengxiuping
    原文地址: https://segmentfault.com/a/1190000000477049
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞