jquery 페이징 제어 구현 code_jquery

코드 복사 코드는 다음과 같습니다. 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;//마지막 페이지 표시 기록 if (lastSize>0) { size=size 1; } totelSec=parseInt(size/centersize) var leftSize=size�ntersize;//마지막 섹션 표시 레코드 if(leftSize>0) { totelSec =totelSec 1 } PageBarinit() } var reSetPage=function() { pageindex=1; pagesize=0; outStr=""; } //alert('총 페이지 수:' size) // Alert('총 섹션 수:' totelSec) // Alert('페이지당 레코드 수:' pagesize) var SeClick=function(e) { var Selectindex= e.target[e.target.selectedIndex].innerText; pagesize=parseInt(Selectindex); alert('페이지당 표시:' Selectindex) 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 targetPage=parseInt(e.target.innerText) pageindex=targePage; ' targetPage "페이지"); ChangeCenterBar(targetPage); } var nextClick=function(e) { alert('다음 페이지를 클릭했습니다.') if (pageindex { pageindex =pageindex 1; if(pageindex==size) { alert('마지막 페이지에 도달했습니다.') } else{ alert('' pageindex' 페이지에 도착함') } } ChangeCenterBar(pageindex-1) } var lastClick= function( e) { alert('마지막 페이지를 클릭했습니다.') if(pageindex { pageindex=size alert('페이지 인덱스는 다음과 같습니다. ' 크기 '페이지'에 도달함); } } 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'); 바인딩 해제('click',preClick); $('.next').unbind('click',nextClick) $('.last').unbind('click',lastClick); 🎜 >$('.SEID').bind('change',SeClick) $('.first').bind('click',firstClick) $('.pre'); 바인딩('클릭',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);//현재 섹션 if(currentSec { // 경고(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('페이징 오류'); } }else if(pageindex�ntersize&gt ;0) { var currentSec=parseInt(pageindex/centersize) 1;//현재 섹션 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 페이징 제어 구현 code_jquery

관련 기사