基于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 事件参考手册
Dec 24 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
屏蔽Flash右键信息的js代码
Jan 17 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
May 29 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
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跨站攻击实例分析
2014/10/28 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
2016/08/29 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
Python实现按中文排序的方法示例
2018/04/25 Python
Python多线程原理与用法详解
2018/08/20 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
python如何查看安装了的模块
2020/06/23 Python
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
AJAX都有哪些有点和缺点
2012/11/03 面试题
公司应聘自荐书
2014/06/14 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
靠谱准确的求职信
2019/04/02 职场文书
高中班主任寄语
2019/06/21 职场文书
python 提取html文本的方法
2021/05/20 Python
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python