• 纯js实现分页


    /**
    *分页函数
    *pno--页数
    *psize--每页显示记录数
    *分页部分是从真实数据行开始,因而存在加减某个常数,以确定正真的记录数
    *纯js分页实质是数据行全部加载,通过是否显示属性完成分页功能
    **/
    function goPage(pno,psize){
        var itable = document.getElementById("idData");
        var num = itable.rows.length;//表格所有行数(所有记录数)
        console.log(num);
        var totalPage = 0;//总页数
        var pageSize = psize;//每页显示行数
        
        //总共分几页
        if(num/pageSize>parseInt(num/pageSize)){
                 totalPage = parseInt(num/pageSize) + 1;
        }else{
                 totalPage = parseInt(num/pageSize);
        }
    
         var currentPage = pno;//当前页数
         var startRow = (currentPage - 1)*pageSize+1;//开始显示的行
         var endRow = (endRow > num) ? num:endRow;
         console.log(endRow);
    
         //遍历显示数据实现分页
         for (var i=1;i<(num+1);i++){
               var irow = itable.rows[i-1];
                if(i>=startRow && i<=endRow) {
                     irow.style.display = "block";
               }else{
                     irow.style.display = none";
               }
        }
    
        var pageEnd = document.getElementById("pageEnd");
        var tempStr = "共"+num+"条记录 分"+totalPage+"页 当前第"+currentPage+"页";
    
          if(currentPage>1){
              tempStr += "<a href="#" onClick="goPage("+(1)+","+psize+")">首页</a>";
               tempStr += "<a href="#" onClick="goPage("+(currentPage-1)+","+psize+")"><上一页</a>"
    
          }else{
                 tempStr +="首页";
                 tempStr +="<上一页";
          }
          
           if(currentPage<totalPage){
                  tempStr += "<a href="#" onClick="goPage("+(currentPage+1)+","+psize+")">下一页></a>";
                  tempStr += "<a href="#" onClick="goPage("+(totalPage)+","+psize+")">尾页</a>";
    
            }else {
                   tempStr += "下一页>";
                   tempStr += "尾页";
             }
    
        document.getElementById("barcon").innerHTML = tempStr;
    
    }
         
  • 相关阅读:
    ARM启动流程
    ARM机器码分析
    Ubuntu 14.04 dnw配置
    UNIX环境下的消息队列
    UNIX环境下的共享内存
    iptables详解
    iptables 相关名词的解释说明
    sphinx的安装配置和中文分词包coreseek
    linux防火墙iptables封IP,拒绝指定IP和网段的办法
    linux下注销其它用户或者tty的命令
  • 原文地址:https://www.cnblogs.com/nxl0908/p/7489376.html
Copyright © 2020-2023  润新知