jquery paging control implementation code_jquery

Copy code The code is as follows: jquery分页控件 10 20 30 首页 上一页 下一页 最后一页 of 0 --> var pageindex=1; var totelsize=60; var centersize=5; var pagesize=0; var totelSec=0; var outStr=""; var se=" " +" 5 " +" 10 " +" 15 " +" "; var firstdiv=" 首页 "; var prediv=" 上一页 "; var centerdiv=" "; var nextdiv=" 下一页 "; var lastdiv=" 最后一页 "; $('.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;//Last page display record if(lastSize>0) { size=size 1; } totelSec=parseInt(size/centersize); var leftSize=size�ntersize;//The last section Display records if(leftSize>0) { totelSec =totelSec 1; } PageBarinit(); } var reSetPage=function() { pageindex=1; pagesize=0; totelSec=0; outStr=""; } // alert('Total number of pages:' size) // alert('Total sections:' totelSec) // alert('Number of records per page:' pagesize); var SeClick=function(e) { var Selectindex=e.target[e.target.selectedIndex].innerText; pagesize=parseInt(Selectindex); alert('Display per page:' Selectindex); reSetPage(); PageReinit (); } var firstClick=function(e) { alert('Click to homepage'); if(pageindex!=1) { pageindex=1; alert('Arrived on page 1'); } } var preClick=function(e) { alert('Click to the previous page '); if(pageindex!=1) { pageindex =pageindex-1; alert('Arrived at page ' pageindex '); } ChangeCenterBar( pageindex 1); } var pageClick=function(e) { var targetPage=parseInt(e.target.innerText); pageindex=targePage; alert(' Clicked on the ' targetPage "page"); ChangeCenterBar(targetPage); } var nextClick=function(e) { alert('Clicked the next page'); if(pageindex { pageindex =pageindex 1; if(pageindex==size) { alert('The last page has been reached'); } else{ alert('Arrived at ' pageindex ' page'); } } ChangeCenterBar(pageindex-1); } var lastClick= function(e) { alert('The last page was clicked'); if(pageindex { pageindex=size; alert('The page index was reached ' size 'page'); } } var ChangeCenterBar=function(CurrentIndex) { var currentSec=parseInt(CurrentIndex/centersize); if( CurrentIndex�ntersize ==1) { if(currentSec { PageBarinit();} } if(CurrentIndex�ntersize==0) { var currentSec=parseInt(CurrentIndex/centersize); if(currentSec { 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 { $('.centerclass').empty(); for(var i=1;i { var cdiv=" " i " "; $('.centerclass').append(cdiv); $("#Page_" i).bind('click',pageClick); } }else if(size>centersize) { $('.centerclass').empty( ); if( pageindex�ntersize==0) { var currentSec=parseInt(pageindex/centersize);//Current section if(currentSec { // alert(9) var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { //alert( startIndex) //alert('max' currentSec*centersize); var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick); } } else if (currentSec==totelSec) { var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { var cdiv =" " startIndex " "; $('.centerclass').append(cdiv); $(" #Page_" startIndex).bind('click',pageClick); } }else{ alert('Paging error'); } }else if(pageindex�ntersize&gt ;0) { var currentSec=parseInt(pageindex/centersize) 1;//Current section if(currentSec { var startIndex=(currentSec-1) *centersize 1; for(startIndex;startIndex { var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick) ; } } else if(currentSec==totelSec){ var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick); } }else { alert('分页出错'); } } } } PageReinit(); } PageInit();

jquery paging control implementation code_jquery

Related articles