基于jquery封装的一个js分页


Posted in Javascript onNovember 15, 2011
(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")); 
} 
}); 
}
Javascript 相关文章推荐
javascript 得到变量类型的函数
May 19 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
js处理php输出时间戳对不上号的解决方法
Jun 20 Javascript
延时加载JavaScript代码提高速度
Dec 27 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
angularjs 源码解析之scope
Aug 22 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
js 利用className得到对象的实现代码
Nov 15 #Javascript
基于jquery的web页面日期格式化插件
Nov 15 #Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 #Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
Nov 15 #Javascript
读JavaScript DOM编程艺术笔记
Nov 15 #Javascript
js constructor的实际作用分析
Nov 15 #Javascript
浅谈Javascript面向对象编程
Nov 15 #Javascript
You might like
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
php安装swoole扩展的方法
2015/03/19 PHP
PHP查找与搜索数组元素方法总结
2015/06/12 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
JavaScript手机振动API
2016/06/11 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
python常用函数与用法示例
2019/07/02 Python
Python3开发环境搭建详细教程
2020/06/18 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
HTML5 解析规则分析
2009/08/14 HTML / CSS
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
工作人员思想汇报
2014/01/09 职场文书
高中社区服务活动报告
2015/02/05 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
Minikube搭建Kubernetes集群
2022/03/31 Servers