分页js

page跳转的页,total总条数,datalength当前页有几条,show该哪个页码被选中

 

function spellPage(page,total,datalength,show){

page = parseInt(page);
$("#page").val(page);
var rows = parseInt($("#rows").val());//每页显示条数
var pagecount= parseInt((total  +  rows  - 1) / rows); //总页数
if(total==0){pagecount=1;datalength=0;}
$("#pagecount").val(pagecount);
//alert(page+","+show);

var jshtml2="<ul class='pagination' oncontextmenu='self.event.returnValue=false' onselectstart='return false' >";
if(show==1){
jshtml2+="<li  class='disabled'><span >首页</span></li>";

jshtml2+="<li  class='disabled'><span  >上一页</span></li>";

jshtml2+="<li  class='active'><span onclick=\"getPageList("+page+",1)\">"+page+"</span></li>";

if((page+1)<=pagecount){jshtml2+="<li><span onclick=\"getPageList("+(page+1)+",2)\">"+(page+1)+"</span></li>";}

if((page+2)<=pagecount){jshtml2+="<li><span onclick=\"getPageList("+(page+2)+",3)\">"+(page+2)+"</span></li>";}

if((page+3)<=pagecount){jshtml2+="<li><span onclick=\"getPageList("+(page+3)+",4)\">"+(page+3)+"</span></li>";}

if((page+4)<pagecount){jshtml2+="<li><span onclick=\"getPageList("+(page+4)+",4)\">"+(page+4)+"</span></li>";}
else if((page+4)==pagecount){jshtml2+="<li><span onclick=\"getPageList("+(page+4)+",5)\">"+(page+4)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li><span  onclick=\"getPageList("+(page+1)+",2)\">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==1){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick=\"getPageList("+pagecount+","+pagecount+")\" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick=\"getPageList("+pagecount+",5)\" >末页</span></li>";}
}
else if(show==2){
jshtml2+="<li ><span onclick=\"getPageList(1,1)\">首页</span></li>";

if((page-1)>1){jshtml2+="<li ><span  onclick=\"getPageList("+(page-1)+",2)\">上一页</span></li>";}
else if((page-1)==1){jshtml2+="<li ><span  onclick=\"getPageList("+(page-1)+",1)\">上一页</span></li>";}

if((page-1)>1){jshtml2+="<li  ><span onclick=\"getPageList("+(page-1)+",2)\">"+(page-1)+"</span></li>";}
else if((page-1)==1){jshtml2+="<li  ><span onclick=\"getPageList("+(page-1)+",1)\">"+(page-1)+"</span></li>";}

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick=\"getPageList("+page+",2)\">"+page+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+1)+",3)\">"+(page+1)+"</span></li>";}

if((page+2)<=pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+2)+",4)\">"+(page+2)+"</span></li>";}

if((page+3)<pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+3)+",4)\">"+(page+3)+"</span></li>";}
else if((page+3)==pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+3)+",5)\">"+(page+3)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li ><span  onclick=\"getPageList("+(page+1)+",3)\">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==2){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick=\"getPageList("+pagecount+","+pagecount+")\" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick=\"getPageList("+pagecount+",5)\" >末页</span></li>";}

}
else if(show==3){
jshtml2+="<li ><span onclick=\"getPageList(1,1)\">首页</span></li>";

jshtml2+="<li ><span  onclick=\"getPageList("+(page-1)+",2)\">上一页</span></li>";

if((page-2)>1){jshtml2+="<li ><span onclick=\"getPageList("+(page-2)+",2)\">"+(page-2)+"</span></li>";}
else if((page-2)==1){jshtml2+="<li  ><span onclick=\"getPageList("+(page-2)+",1)\">"+(page-2)+"</span></li>";}

jshtml2+="<li ><span onclick=\"getPageList("+(page-1)+",2)\">"+(page-1)+"</span></li>";

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick=\"getPageList("+page+",3)\">"+page+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+1)+",4)\">"+(page+1)+"</span></li>";}

if((page+2)<pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+2)+",4)\">"+(page+2)+"</span></li>";}
else if((page+2)==pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+2)+",5)\">"+(page+2)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li ><span  onclick=\"getPageList("+(page+1)+",4)\">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==3){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick=\"getPageList("+pagecount+","+pagecount+")\" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick=\"getPageList("+pagecount+",5)\" >末页</span></li>";}
}
else if(show==4){
jshtml2+="<li ><span onclick=\"getPageList(1,1)\">首页</span></li>";

jshtml2+="<li ><span  onclick=\"getPageList("+(page-1)+",3)\">上一页</span></li>";

if((page-3)>1){jshtml2+="<li ><span onclick=\"getPageList("+(page-3)+",2)\">"+(page-3)+"</span></li>";}
else if((page-3)==1){jshtml2+="<li  ><span onclick=\"getPageList("+(page-3)+",1)\">"+(page-3)+"</span></li>";}

jshtml2+="<li  ><span onclick=\"getPageList("+(page-2)+",2)\">"+(page-2)+"</span></li>";

jshtml2+="<li  ><span onclick=\"getPageList("+(page-1)+",3)\">"+(page-1)+"</span></li>";

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick=\"getPageList("+(page)+",4)\">"+(page)+"</span></li>";}

if((page+1)<pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+1)+",4)\">"+(page+1)+"</span></li>";}
else if((page+1)==pagecount){jshtml2+="<li  ><span onclick=\"getPageList("+(page+1)+",5)\">"+(page+1)+"</span></li>";}

if((page+1)<pagecount){jshtml2+="<li ><span  onclick=\"getPageList("+(page+1)+",4)\">下一页</span></li>";}
else if((page+1)==pagecount){jshtml2+="<li ><span onclick=\"getPageList("+(page+1)+",5)\">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'  ><span >下一页</span></li>";}

if(pagecount==4){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick=\"getPageList("+pagecount+","+pagecount+")\" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick=\"getPageList("+pagecount+",5)\" >末页</span></li>";}
}
else if(show==5){
jshtml2+="<li ><span onclick=\"getPageList(1,1)\">首页</span></li>";

jshtml2+="<li ><span  onclick=\"getPageList("+(page-1)+",4)\">上一页</span></li>";

if((page-4)>1){jshtml2+="<li ><span onclick=\"getPageList("+(page-4)+",2)\">"+(page-4)+"</span></li>";}
else if((page-4)==1){jshtml2+="<li  ><span onclick=\"getPageList("+(page-4)+",1)\">"+(page-4)+"</span></li>";}

jshtml2+="<li  ><span onclick=\"getPageList("+(page-3)+",2)\">"+(page-3)+"</span></li>";

jshtml2+="<li  ><span onclick=\"getPageList("+(page-2)+",3)\">"+(page-2)+"</span></li>";

jshtml2+="<li  ><span onclick=\"getPageList("+(page-1)+",4)\">"+(page-1)+"</span></li>";

jshtml2+="<li  class='active' ><span onclick=\"getPageList("+(page)+",5)\">"+(page)+"</span></li>";

jshtml2+="<li class='disabled'  ><span >下一页</span></li>";

jshtml2+="<li class='disabled' ><span >末页</span></li>";
}


jshtml2+="</ul>";
jshtml2+="<div class='skip ml-10'>转到<input type='text' class='txt-input' id='trunPageid'>页<a class='yestiao ml-10' onclick='trunPage()'>确定</a></div>";
jshtml2+="<div class='page-ifo'><div><span class='mr-10'>当前"+datalength+"条</span>共<span>"+pagecount+"</span>页&nbsp;/&nbsp;<span>"+total+"</span>条记录</div></div>";
$("#turnPageDiv").html(jshtml2); 
}


//跳页那个确定按钮
function trunPage(pagenew){
var page = parseInt($("#trunPageid").val());
if(pagenew>0){
page = pagenew;
}
var pagecount = $("#pagecount").val();
var row=3;
if(isNaN(page)){
page=1;
row=1;
}else{
if(page<1){
page=1;
row=1;
}else if(pagecount<=5){
if(page>pagecount){
page = pagecount;
}
row = page;
}
else if(pagecount>5){
if(page <3){
row = page;
}else if(page<(pagecount-1)){
row = 3;
}else if(page==(pagecount-1)){
row = 4;
}else if(page>=(pagecount)){
page=pagecount;
row = 5;
}
}


}
getPageList(page,row);
}

posted @ 2017-06-26 14:29  武力对白  阅读(170)  评论(0编辑  收藏  举报