基于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中的Window窗口对象
Jan 16 Javascript
jquery时间下拉框小例子
Apr 15 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
javascript动态控制服务器控件实例
Sep 05 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
Js类的构建与继承案例详解
Sep 15 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另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
在Python的Django框架中加载模版的方法
2015/07/16 Python
使用Python对SQLite数据库操作
2017/04/06 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
python中wheel的用法整理
2020/06/15 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
python用分数表示矩阵的方法实例
2021/01/11 Python
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
医学院四年学习生活的自我评价
2013/11/06 职场文书
出纳员岗位责任制
2014/02/11 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
绿色环保演讲稿
2014/05/10 职场文书
廉洁教育学习材料
2014/05/19 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
2014年资料员工作总结
2014/11/18 职场文书
董事长助理岗位职责
2015/02/11 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android