基于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脚本类
Aug 27 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
JS自动适应的图片弹窗实例
Jun 29 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
vue封装数字翻牌器
Apr 20 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
安装APACHE
2007/01/15 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
Python操作Access数据库基本步骤分析
2016/09/19 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
python找出因数与质因数的方法
2019/07/25 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
大专计算机个人求职的自我评价
2013/10/21 职场文书
六年级学生评语
2014/04/22 职场文书
小学六年级学生评语
2014/04/22 职场文书
员工工作自我评价
2014/09/26 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
员工辞职信范文
2015/03/02 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
用Python实现Newton插值法
2021/04/17 Python
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技