基于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 相关文章推荐
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
jQuery实现tab标签自动切换的方法
Feb 28 Javascript
jQuery的框架介绍
May 11 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
详解vue的diff算法原理
May 20 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
js 计数排序的实现示例(升级版)
Jan 12 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
建立文件交换功能的脚本(一)
2006/10/09 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
php上传文件并显示上传进度的方法
2015/03/24 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
js正则相关知识点专题
2018/05/10 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python 元类实例解析
2018/04/04 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
详解Flask前后端分离项目案例
2020/07/24 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
外企C语言笔试题
2013/11/10 面试题
警察先进个人事迹材料
2014/05/16 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏