jquery怎么配置分页_IT百科

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<head>

<title>jquery分页控件</title>

</head>

<body>

<!--<div>

</select>

</div>-->

</body>

</html>

var pageindex=1;

var totelsize=60;

var centersize=5;

var pagesize=0;

var totelSec=0;

var outStr="";

var se="<select class=\"SEID\">"

+"<option>5</option>"

+"<option selected=\"selected\" >10</option>"

+"<option>15</option>"

+"</select>";

var firstdiv="<div class=\"first\">首页</div>";

var prediv="<div class=\"pre\">上一页</div>";

var centerdiv="<div class=\"centerclass\"></div>";

var nextdiv="<div class=\"next\">下一页</div>";

var lastdiv="<div class=\"last\">最后一页</div>";

$('pager')empty();

$('pager')append(se)

$('pager')append(firstdiv)

$('pager')append(prediv)

$('pager')append(centerdiv)

$('pager')append(nextdiv)

$('pager')append(lastdiv)

function PageInit()

{

var size=0;

var barObj=this;

var PageReinit=function()

{

pagesize=$("SEID option:selected")[0]innerText;

size=parseInt(totelsize/pagesize)

var lastSize=totelsize%pagesize;//最后一页显示记录

if(lastSize>0)

{

size=size+1;

}

totelSec=parseInt(size/centersize);

var leftSize=size%centersize;//最后一个区段的显示记录

if(leftSize>0)

{

totelSec =totelSec+1;

}

PageBarinit();

}

var reSetPage=function()

{

pageindex=1;

pagesize=0;

totelSec=0;

outStr="";

}

// alert('总页数:'+size)

// alert('总区段:'+totelSec)

// alert('每页记录数：'+pagesize);

var SeClick=function(e)

{

var Selectindex=etarget[etargetselectedIndex]innerText;

pagesize=parseInt(Selectindex);

alert('每页显示：'+Selectindex);

reSetPage();

PageReinit();

}

var firstClick=function(e)

{

alert('点击到首页');

if(pageindex!=1)

{

pageindex=1;

alert('到了第1页');

}

var preClick=function(e)

{

alert('点击到上一页');

if(pageindex!=1)

{

pageindex =pageindex-1;

alert('到了第'+pageindex+'页');

}

ChangeCenterBar(pageindex+1);

}

var pageClick=function(e)

{

var targePage=parseInt(etargetinnerText);

pageindex=targePage;

alert('点击了第'+targePage+"页");

ChangeCenterBar(targePage);

}

var nextClick=function(e)

{

alert('点击了下一页');

if(pageindex<size)

{

pageindex =pageindex+1;

if(pageindex==size)

{

alert('到了最后一页');

}

else{

alert('到了第'+pageindex+'页');

}

ChangeCenterBar(pageindex-1);

}

var lastClick=function(e)

{

alert('点击了最后一页');

if(pageindex<size)

{

pageindex=size;

alert('到了第'+size+'页');

}

var ChangeCenterBar=function(CurrentIndex)

{

var currentSec=parseInt(CurrentIndex/centersize);

if( CurrentIndex%centersize==1)

{

if(currentSec<totelSec)

{ PageBarinit();}

}

if(CurrentIndex%centersize==0)

{

var currentSec=parseInt(CurrentIndex/centersize);

if(currentSec<totelSec)

{ PageBarinit();}

}

var PageBarinit=function()

{

$('SEID')unbind('change',SeClick);

$('first')unbind('click',firstClick);

$('pre')unbind('click',preClick);

$('next')unbind('click',nextClick);

$('last')unbind('click',lastClick);

$('SEID')bind('change',SeClick);

$('first')bind('click',firstClick);

$('pre')bind('click',preClick);

$('next')bind('click',nextClick);

$('last')bind('click',lastClick);

if(size<=centersize)

{

$('centerclass')empty();

for(var i=1;i<=size;i++)

{

var cdiv="<span id='Page_"+String(i)+"'>"+i+"</span>";

$('centerclass')append(cdiv);

$("#Page_"+i)bind('click',pageClick);

}

}else if(size>centersize)

{

$('centerclass')empty();

if( pageindex%centersize==0)

{

var currentSec=parseInt(pageindex/centersize);//当前区段

if(currentSec<totelSec)

{

// alert(9)

var startIndex=(currentSec-1)centersize+1;

for(startIndex;startIndex<=currentSeccentersize;startIndex++)

{

//alert(startIndex)

//alert('最大'+currentSeccentersize);

var cdiv="<span id='Page_"+String(startIndex)+"'>"+startIndex+"</span>";

$('centerclass')append(cdiv);

$("#Page_"+startIndex)bind('click',pageClick);

}

else if(currentSec==totelSec)

{

var startIndex=(currentSec-1)centersize+1;

for(startIndex;startIndex<=currentSeccentersize;startIndex++)

{

var cdiv="<span id='Page_"+String(startIndex)+"'>"+startIndex+"</span>";

$('centerclass')append(cdiv);

$("#Page_"+startIndex)bind('click',pageClick);

}

}else{

alert('分页出错');

}

}else if(pageindex%centersize>0)

{

var currentSec=parseInt(pageindex/centersize)+1;//当前区段

if(currentSec<totelSec)

{

var startIndex=(currentSec-1)centersize+1;

for(startIndex;startIndex<=((currentSec-1)centersize+centersize);startIndex++)

{

var cdiv="<span id='Page_"+String(startIndex)+"'>"+startIndex+"</span>";

$('centerclass')append(cdiv);

$("#Page_"+startIndex)bind('click',pageClick);

}

else if(currentSec==totelSec){

var startIndex=(currentSec-1)centersize+1;

for(startIndex;startIndex<=((currentSec-1)centersize +size%centersize);startIndex++)

{

var cdiv="<span id='Page_"+String(startIndex)+"'>"+startIndex+"</span>";

$('centerclass')append(cdiv);

$("#Page_"+startIndex)bind('click',pageClick);

}

}else

{

alert('分页出错');

}

PageReinit();

}

PageInit();

</script>

jQuery表格分页排序插件,jquery表格,jquery插件,jquery,表格,分页,排序,jQuery表格分页排序插件的英文名称是SlimTable插件,它创建了从现有的表中数据的排序和分页

解决步骤如下。

打印预览；在需要打印的表格先点击打印预览，看下自己需要打印的内容是否都完整的在一页一页上面。

选择页面布局；预览之后都完整，开始进行打印标题 *** 作。选择页面布局之后点击里面打印标题。

打印区域选择；点击打印标题后会出现一个页面设置框，选择里面工作表，点击打印顶端标题。这里要注意下是顶端标题不要选择错了。

顶端标题选择；点击打印顶端标题箭头后出现一条小框，在你刚才需要打印excel表格里面选择第一行标题，在小框里面就会出现$1:$1，意思就是选择了要打印的顶端标题区域。

确认标题；选择好打印区域后，点击小框旁边键就返回到页面设置框，就看到顶端标题已经有了，点击确定。

预览完成；确认好后再次预览，翻到后面几页看下就已经有顶端标题了。如果要打印前面两行标题，就在选择区域的时候选择前面2行就可以了！最后再完成打印就可以了。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/bake/12175289.html

jquery怎么配置分页

发表评论

评论列表（0条）