作家
登录

基于jquery封装的一个js分页

作者: 来源:www.28hudong.com 2013-03-30 00:39:18 阅读 我要评论

复制代码 代码如下: (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 QueryList(curpage) { if (curpage == "" || curpage == null || curpage == undefined) { curpage = 1; } var pagesize = 10; var Countys = $("#Countys").val(); //县 var enddate = $("#enddate").val(); //结束时间 var begindate = $("#begindate").val(); //开始时间 $.ajax({ url: "", type: "POST", data: { "Countys": Countys, "enddate": enddate, "begindate": begindate, "curpage": curpage, "pagesize": pagesize }, dataType: "json", error: function (xhr, status, errMsg) { window.location.href = "/CommonError/index/" + errMsg.code + "?txt=" + errMsg.msg; }, success: function (mydata) { var str = ""; $.each(mydata.Tdata, function (i, item) { str += "<tr>" str += "<td>" + $.FormatDateTime(item.ControlBeginTime, false) + "</td>"; str += "<td>" + $.FormatDateTime(item.ControlEndTime, false) + "</td>"; str += "<td>" + item.Name + "</td>"; str += "<td>" + item.PlateNumber + "</td>"; str += "<td>" + item.ControlDept + "</td>"; if (item.IsAll == "0") { str += "<td>全县布控</td>"; } else { str += "<td>按卡口点布控</td>"; } str += "<td>" + item.IsAll == "0" ? "全县布控" : "按卡口点布控" + "</td>"; str += "<td>修改</td>"; str += "<td>删除</td>"; str += "<td>详细</td>"; str + "</tr>"; }); $("#srh_rslt tbody").html(str); $(".pagination").html($.PageFunc(mydata.total, pagesize, curpage, "QueryList")); } }); }

  推荐阅读

  js Html结构转字符串形式显示代码

复制代码 代码如下://Html结构转字符串形式显示 支持<br>换行 function ToHtmlString(htmlStr) { return toTXT(htmlStr).replace(/&lt;br[&ensp;|&emsp;]*[/]?&gt;|rn|n/g, "<br/>"); } //Html结构转字>>>详细阅读


本文标题:基于jquery封装的一个js分页

地址:http://www.17bianji.com/kaifa2/JS/23925.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)