zl程序教程

您现在的位置是:首页 >  前端

当前栏目

基于jquery封装的一个js分页

JSjQuery封装 一个 基于 分页
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> &nbsp";
}

}

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"));
}
});
}