基于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数据缓存系统实现代码
Oct 24 Javascript
JS上传前预览图片实例
Mar 25 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 Javascript
JavaScript实现的类字典插入或更新方法实例
Jul 10 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
浅谈javascript函数式编程
Sep 06 Javascript
jQuery查看选中对象HTML代码的方法
Jun 17 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
JavaScript实现背景自动切换小案例
Sep 27 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
简单谈谈php延迟静态绑定
2016/01/26 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
jquery tools系列 expose 学习
2009/09/06 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
python字符串连接方式汇总
2014/08/21 Python
提升Python程序运行效率的6个方法
2015/03/31 Python
Python发送email的3种方法
2015/04/28 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
对python模块中多个类的用法详解
2019/01/10 Python
python学生管理系统
2019/01/30 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
Python 调用 ES、Solr、Phoenix的示例代码
2020/11/23 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
资料员岗位职责
2013/11/17 职场文书
文化活动实施方案
2014/03/28 职场文书
无偿献血倡议书
2014/04/14 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
安全负责人任命书
2014/06/06 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android