基于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实现的UBB编码函数
Mar 09 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
Angular17之Angular自定义指令详解
Jan 21 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 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 5.0对象模型深度探索之对象复制
2008/03/27 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
简单实现php上传文件功能
2017/09/21 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
从理论角度讨论JavaScript闭包
2019/04/03 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
用python代码做configure文件
2014/07/20 Python
Python中functools模块的常用函数解析
2016/06/30 Python
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
幼儿园亲子活动方案
2014/01/29 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
领导调研接待方案
2014/02/27 职场文书
初三学习决心书
2014/03/11 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
优秀应届生求职信
2014/06/16 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
办护照工作证明
2014/10/01 职场文书
用电申请报告范文
2015/05/18 职场文书
雷锋的故事观后感
2015/06/10 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书