基于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 相关文章推荐
js 小贴士一星期合集
Apr 07 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
layui的table中显示图片方法
Aug 17 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
python中assert用法实例分析
2015/04/30 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
python学习之matplotlib绘制散点图实例
2017/12/09 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python批量爬取下载抖音视频
2019/06/17 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
教师党员承诺书
2014/03/25 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
研究生求职自荐书
2014/06/23 职场文书
关于爱国的标语
2014/06/24 职场文书
辞职信范文大全
2015/03/02 职场文书
秋收起义观后感
2015/06/11 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python