对jquery分页的升级

2020-12-13 15:24

阅读：589

标签：style class blog code java ext

以前写的分页用了好久了，但是分页时除了传页面外有时还要传一些其它参数，以前操作时要把传的参数放到隐藏hidden中，分页时在取出来，这样比较麻烦，今天无事，重新包装了一下

直接上代码吧

css用了bootstrap中分页的样式

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

分页代码：

(function ($) {
    var PageFunc = function PageFunc() { }
    $.PageFunc = function (Total, PageSize, curPageNum, FunUrl,paramStr) {
        if (PageSize == "" || PageSize == null || PageSize == undefined) {
            PageSize = 10;
        }
        if (curPageNum == "" || curPageNum == null || curPageNum == undefined) {
            curPageNum = 1;
        }
        var hasParam=true;
        if (paramStr == "" || paramStr == null || paramStr == undefined) {
            hasParam = false;
        }
        //计算总页数
        Total = parseInt(Total); //总记录数
        PageSize = parseInt(PageSize); //每页显示数
        curPageNum = parseInt(curPageNum); //当前页
        //总页数
        var AllPage = Math.floor(Total / PageSize);
        if (Total % PageSize != 0) {
            AllPage++;
        }

        var navHtml = "

;

) {

处理首页连接

var

;

(hasParam) { home

paramStr; } navHtml

|"; } if (curPageNum > 1) { var previous=parseInt(parseInt(curPageNum) - 1); if(hasParam) { previous=previous+","+paramStr; } //处理上一页的连接 navHtml += "
"; } else { navHtml += "
"; } var currint = 5; for (var i = 0; i ) { //一共最多显示10个页码，前面5个，后面5个 if ((curPageNum + i - currint) >= 1 && (curPageNum + i - currint) AllPage) if (currint == i) { //当前页处理 navHtml += "
" + curPageNum + "(current)

; }

else

{

一般页处理

var

parseInt(currint));

var

(hasParam) { nstr

paramStr; } navHtml

" + n + "

; } }

处理下一页的链接

var

);

(hasParam) { next

paramStr; } navHtml

; }

else

{ navHtml

; }

AllPage) {

var

parseInt(AllPage);

(hasParam) { last

paramStr; } navHtml

; } }

) { navHtml

" + curPageNum + "/" + AllPage + "

; } navHtml

"; return navHtml; }; })(jQuery);

调用方法：

注意：第一参数一定要是当前页的值啊

function aa(curpage,param1,param2){
    if (curpage == "" || curpage == null || curpage == undefined) {
         curpage = 1;
        }
        var pagesize = 5;
        var paramStr="";
        paramStr=param1+","+param2+";
     $.post("/appdefult/apporder",{"categoryId":param1,"name":param2,"curpage":curpage,"pagesize":pagesize},function(mydata){ 
       var pageHtml= $.PageFunc(mydata.total, pagesize, curpage, "aa",paramStr);
      $(".page").html(pageHtml);
    },"json");

}

对jquery分页的升级,搜素材,soscw.com

对jquery分页的升级

标签：style class blog code java ext

原文地址：http://www.cnblogs.com/feiyun126/p/3796216.html

上一篇：Java IO流

下一篇：JAVA基于MVC模式下的理发管理系统

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：对jquery分页的升级
文章链接：http://soscw.com/essay/35104.html

亲，登录后才可以留言！

对jquery分页的升级

评论

热门文章

推荐文章

最新文章

置顶文章