• 基于jquery封装的一个js分页


    (function ($) { 
    var PageFunc = function PageFunc() { } 
    $.PageFunc = function (Total, PageSize, curPageNum, FunUrl) { 
    if (PageSize == "" || PageSize == null || PageSize == undefined) { 
    PageSize = 10; 
    } 
    if (curPageNum == "" || curPageNum == null || curPageNum == undefined) { 
    curPageNum = 1; 
    } 
    //计算总页数 
    Total = parseInt(Total); //总记录数 
    PageSize = parseInt(PageSize); //每页显示数 
    curPageNum = parseInt(curPageNum); //当前页 
    //总页数 
    var AllPage = Math.floor(Total / PageSize); 
    if (Total % PageSize != 0) { 
    AllPage++; 
    } 
    
    var navHtml = ""; 
    
    if (curPageNum <= 0) 
    curPageNum = 1; 
    if (AllPage > 1) { 
    if (curPageNum != 1) { 
    //处理首页连接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('1')\" >|<</a></span> "; 
    } 
    if (curPageNum > 1) { 
    //处理上一页的连接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (curPageNum - 1) + "')\" ><<</a></span> "; 
    } 
    else { 
    navHtml += "<span class=\"disabled\"><<</span> "; 
    } 
    
    var currint = 5; 
    for (var i = 0; i <= 10; i++) { 
    //一共最多显示10个页码,前面5个,后面5个 
    if ((curPageNum + i - currint) >= 1 && (curPageNum + i - currint) <= AllPage) 
    if (currint == i) { 
    //当前页处理 
    navHtml += "<span lass=\"current\">[" + curPageNum + "]</span> "; 
    } 
    else { 
    //一般页处理 
    var n = curPageNum + i - currint; 
    navHtml += "<a href=\"javascript:" + FunUrl + "('" + (parseInt(n)) + "')\">" + n + "</a> "; 
    } 
    } 
    if (curPageNum < AllPage) { 
    //处理下一页的链接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (parseInt(curPageNum) + 1) + "')\">>></a></span> "; 
    } 
    else { 
    navHtml += "<span class=\"disabled\">>></span> "; 
    } 
    
    if (curPageNum != AllPage) { 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + AllPage + "')\" >>|</a></span>  "; 
    } 
    
    } 
    
    navHtml += "<span>[" + curPageNum + "/" + AllPage + "]</span> "; 
    
    return navHtml; 
    
    }; 
    
    })(jQuery); 
    

      调用:

    (function ($) { 
    var PageFunc = function PageFunc() { } 
    $.PageFunc = function (Total, PageSize, curPageNum, FunUrl) { 
    if (PageSize == "" || PageSize == null || PageSize == undefined) { 
    PageSize = 10; 
    } 
    if (curPageNum == "" || curPageNum == null || curPageNum == undefined) { 
    curPageNum = 1; 
    } 
    //计算总页数 
    Total = parseInt(Total); //总记录数 
    PageSize = parseInt(PageSize); //每页显示数 
    curPageNum = parseInt(curPageNum); //当前页 
    //总页数 
    var AllPage = Math.floor(Total / PageSize); 
    if (Total % PageSize != 0) { 
    AllPage++; 
    } 
    
    var navHtml = ""; 
    
    if (curPageNum <= 0) 
    curPageNum = 1; 
    if (AllPage > 1) { 
    if (curPageNum != 1) { 
    //处理首页连接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('1')\" >|<</a></span> "; 
    } 
    if (curPageNum > 1) { 
    //处理上一页的连接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (curPageNum - 1) + "')\" ><<</a></span> "; 
    } 
    else { 
    navHtml += "<span class=\"disabled\"><<</span> "; 
    } 
    
    var currint = 5; 
    for (var i = 0; i <= 10; i++) { 
    //一共最多显示10个页码,前面5个,后面5个 
    if ((curPageNum + i - currint) >= 1 && (curPageNum + i - currint) <= AllPage) 
    if (currint == i) { 
    //当前页处理 
    navHtml += "<span lass=\"current\">[" + curPageNum + "]</span> "; 
    } 
    else { 
    //一般页处理 
    var n = curPageNum + i - currint; 
    navHtml += "<a href=\"javascript:" + FunUrl + "('" + (parseInt(n)) + "')\">" + n + "</a> "; 
    } 
    } 
    if (curPageNum < AllPage) { 
    //处理下一页的链接 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (parseInt(curPageNum) + 1) + "')\">>></a></span> "; 
    } 
    else { 
    navHtml += "<span class=\"disabled\">>></span> "; 
    } 
    
    if (curPageNum != AllPage) { 
    navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + AllPage + "')\" >>|</a></span>  "; 
    } 
    
    } 
    
    navHtml += "<span>[" + curPageNum + "/" + AllPage + "]</span> "; 
    
    return navHtml; 
    
    }; 
    
    })(jQuery); 
    

      

    ===============转自============

    http://www.jb51.net/article/28909.htm

  • 相关阅读:
    面向对象之设计模式大全
    JDK各版本新增的主要特性
    迷宫最短路径-货郎担问题的解决思路
    详细介绍Java垃圾回收机制
    并发编程与任务建模
    淘宝npm镜像使用方法
    Metrics-Java版的指标度量工具
    Velocity基本语法
    Git之”make sure you have the correct access…”
    Mysql的转义字符
  • 原文地址:https://www.cnblogs.com/zjw520/p/3015407.html
Copyright © 2020-2023  润新知