基于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 MD5加密实现代码
Mar 15 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
给js文件传参数(详解)
Jul 13 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
Jul 30 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 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
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
php创建session的方法实例详解
2015/01/27 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
Laravel 的数据库迁移的方法
2017/07/31 PHP
jquery中event对象属性与方法小结
2013/12/18 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
python多线程操作实例
2014/11/21 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
Python使用matplotlib 模块scatter方法画散点图示例
2019/09/27 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
文员个人求职自荐信
2013/09/21 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
电大毕业自我鉴定
2014/02/03 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python