基于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鼠标划过切换效果
Jun 30 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
JQuery validate插件Remote用法大全
May 15 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 Javascript
Vue中component标签解决项目组件化操作
Sep 04 Javascript
Vue select 绑定动态变量的实例讲解
Oct 22 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 XML数据解析代码
2010/05/26 PHP
PHP下escape解码函数的实现方法
2010/08/08 PHP
php正则表达式(regar expression)
2011/09/10 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
Vue 父子组件、组件间通信
2017/03/08 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
2019/05/20 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
python书籍信息爬虫实例
2018/03/19 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
建筑安全责任书范本
2014/07/24 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
承诺书范本
2015/01/21 职场文书
2015员工年度考核评语
2015/03/25 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
起诉书范文
2015/05/20 职场文书
人民检察院起诉书
2015/05/20 职场文书
大学生社会服务心得体会
2016/01/22 职场文书