基于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 相关文章推荐
解决表单中第一个非隐藏的元素获得焦点的一个方案
Oct 26 Javascript
javascript 限制输入脚本大全
Nov 03 Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
mpvue 单文件页面配置详解
Dec 02 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 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
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
python爬虫常用的模块分析
2014/08/29 Python
Python中subprocess模块用法实例详解
2015/05/20 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
python读取xml文件方法解析
2020/08/04 Python
python 写一个性能测试工具(一)
2020/10/24 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
涉外文秘个人求职的自我评价
2013/10/07 职场文书
环境工程求职简历的自我评价范文
2013/10/24 职场文书
厂长岗位职责
2014/02/19 职场文书
职业生涯规划书范文
2014/03/10 职场文书
企业法人代表任命书
2014/06/06 职场文书
预备党员转正意见
2015/06/01 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python