基于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 创建Dom元素
May 07 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
快速入门Vue
Dec 19 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
Extjs表单输入框异步校验的插件实现方法
Mar 20 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
Oct 29 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
layer 刷新某个页面的实现方法
Sep 05 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
如何使用脚本模仿登陆过程
2006/11/22 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
php中如何执行linux命令详解
2018/11/06 PHP
php适配器模式简单应用示例
2019/10/23 PHP
Prototype使用指南之form.js
2007/01/10 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
JS自定义选项卡函数及用法实例分析
2015/09/02 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
python基础教程之分支、循环简单用法
2016/06/16 Python
python使用pymysql实现操作mysql
2016/09/13 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
Pytorch释放显存占用方式
2020/01/13 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
婚礼证婚人证婚词
2014/01/13 职场文书
一年级班主任感言
2014/03/08 职场文书
CentOS安装Nginx并部署vue
2022/04/12 Servers