基于jquery封装的一个js分页
2023-06-13 09:14:31 时间
(function($){
varPageFunc=functionPageFunc(){}
$.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);//当前页
//总页数
varAllPage=Math.floor(Total/PageSize);
if(Total%PageSize!=0){
AllPage++;
}
varnavHtml="";
if(curPageNum<=0)
curPageNum=1;
if(AllPage>1){
if(curPageNum!=1){
//处理首页连接
navHtml+="<span><ahref=\"javascript:"+FunUrl+"("1")\">|<</a></span> ";
}
if(curPageNum>1){
//处理上一页的连接
navHtml+="<span><ahref=\"javascript:"+FunUrl+"(""+(curPageNum-1)+"")\"><<</a></span> ";
}
else{
navHtml+="<spanclass=\"disabled\"><<</span> ";
}
varcurrint=5;
for(vari=0;i<=10;i++){
//一共最多显示10个页码,前面5个,后面5个
if((curPageNum+i-currint)>=1&&(curPageNum+i-currint)<=AllPage)
if(currint==i){
//当前页处理
navHtml+="<spanlass=\"current\">["+curPageNum+"]</span> ";
}
else{
//一般页处理
varn=curPageNum+i-currint;
navHtml+="<ahref=\"javascript:"+FunUrl+"(""+(parseInt(n))+"")\">"+n+"</a> ";
}
}
if(curPageNum<AllPage){
//处理下一页的链接
navHtml+="<span><ahref=\"javascript:"+FunUrl+"(""+(parseInt(curPageNum)+1)+"")\">>></a></span> ";
}
else{
navHtml+="<spanclass=\"disabled\">>></span> ";
}
if(curPageNum!=AllPage){
navHtml+="<span><ahref=\"javascript:"+FunUrl+"(""+AllPage+"")\">>|</a></span>  ";
}
}
navHtml+="<span>["+curPageNum+"/"+AllPage+"]</span> ";
returnnavHtml;
};
})(jQuery);
下边是调用方法:
functionQueryList(curpage){
if(curpage==""||curpage==null||curpage==undefined){
curpage=1;
}
varpagesize=10;
varCountys=$("#Countys").val();//县
varenddate=$("#enddate").val();//结束时间
varbegindate=$("#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){
varstr="";
$.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_rslttbody").html(str);
$(".pagination").html($.PageFunc(mydata.total,pagesize,curpage,"QueryList"));
}
});
}
相关文章
- js书写原生ajax,JS 原生ajax写法
- htmlimg图片加载失败_js针对图片加载失败的处理方法分析
- js的sort排序方法_sort对象排序
- js与jQuery的区别以及jQuery选择器和方法的使用
- Js排序算法_js 排序算法
- js中moment方法_jquery 虚拟dom
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- JS小技巧,如何使用内置函数对数组内容进行排序
- js引擎的执行机制详解
- jquery.jCal.js显示日历插件详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- JS对象和数组的区别
- 使用JS在网页中连接Oracle数据库(js网页链接oracle)
- 保存的js无法执行的解决办法原创
- JS解密入门最终变量劫持
- Jquery提交表单Form.js官方插件介绍
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- 使用js操作cookie的一点小收获分享
- 原始的js代码和jquery对比体会
- js与jQuery获取父窗、子窗的iframe
- js/jQuery简单实现选项卡功能
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- jquery、js操作checkbox全选反选