基于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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
Dec 09 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
Nov 21 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
微信小程序实现可长按移动控件
Nov 01 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程序员工具
2008/05/26 PHP
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
zend framework配置操作数据库实例分析
2012/12/06 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
[54:33]2018DOTA2亚洲邀请赛小组赛 A组加赛 Liquid vs Optic
2018/04/03 DOTA
python操作日期和时间的方法
2014/03/11 Python
Python3基础之list列表实例解析
2014/08/13 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Python实现身份证号码解析
2015/09/01 Python
python实现二维插值的三维显示
2018/12/17 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
追悼会上的答谢词
2014/01/10 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
本溪关门山导游词
2015/02/09 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
Nginx域名转发https访问的实现
2021/03/31 Servers