zoukankan      html  css  js  c++  java
  • 分页之页码数量显示

    javaScript页码简单算法实现, 在此留作笔记, 供以后参考

    Js代码 
    1. /** 
    2.  * 页码计算, 仅适用于显示奇数数量的页码 
    3.  * @param size 页大小 
    4.  * @param index 当前页码 
    5.  * @param rowCount 总行数 
    6.  * @param numCount 要显示的页码数量 
    7.  * @returns {Object} pageTotal(总页数), minNum(最小页码), maxNum(最大页码) 
    8.  */  
    9. function pageCalc(size, index, rowCount, numCount, debug) {  
    10.   
    11.     // 1. 得到总页数  
    12.     var pageTotal = parseInt((rowCount + size - 1) / size);  
    13.   
    14.     // 2. 得到要显示页码数量的一半  
    15.     var offset = parseInt(numCount / 2);  
    16.     /* 要计算偶数个数需重新计算 */  
    17.     // if (!(numCount % 2)) {  
    18.     //  offset -= 1;  
    19.     // }  
    20.   
    21.     // 3. 得到开始页码和结束页码  
    22.     var minNum = index - offset;  
    23.     var maxNum = index + offset;  
    24.   
    25.     // debug  
    26.     if (debug)  console.log({pageTotal:pageTotal, minNum:minNum, maxNum:maxNum});  
    27.   
    28.     // 修复较小的页码  
    29.     // 4. 修复结束页码  
    30.     if (minNum < 1) {  
    31.         var tmp = 0 - minNum + 1 + maxNum;  
    32.         minNum = 1;  
    33.         maxNum = (tmp > pageTotal ? pageTotal : tmp);  
    34.     }  
    35.   
    36.     // 5. 修复开始页码  
    37.     if (maxNum > pageTotal) {  
    38.         var tmp = maxNum - pageTotal;  
    39.         maxNum = pageTotal;  
    40.         minNum = minNum - tmp;  
    41.         if (minNum < 1) {  
    42.             minNum = 1;  
    43.         }  
    44.     }  
    45.   
    46.     return {  
    47.         pageTotal : pageTotal,  
    48.         minNum : minNum,  
    49.         maxNum : maxNum  
    50.     };  
    51. }  

    ========用作参考=========

  • 相关阅读:
    [Docker][ansible-playbook]3 持续集成环境之分布式部署
    [Jenkins][GitHub]2 持续集成环境初探
    [Jenkins][centos]1 持续集成 之 配置VNC,部署Jenkins
    [AWS][GUI][VNC]rhel 7 安装GUI ,配置VNC
    [Git]checkout 指定版本
    [Golang][Mac]Go 语言学习资料记录
    App测试札记
    摘记:代码检查错误列表
    摘记:Web应用系统测试内容
    摘记:LoadRunner
  • 原文地址:https://www.cnblogs.com/xm1-ybtk/p/5111940.html
Copyright © 2011-2022 走看看