jquery 페이징 객체 사용 example_jquery

사용 방법 및 관련 파라미터는 다음과 같습니다. displayId//기본값 표시 영역 ID는 pageBox이며, 비워둘 수 있습니다. pagesize//페이지당 항목 수, 기본값은 입니다. 15, 비워둘 수 있습니다. totalsize //총 항목 수 curpage//현재 페이지 번호 simple//기본값은 false, true는 이전 페이지와 다음 페이지가 없습니다. type//0의 기본값은 http 점프, 1은 jsp입니다. 페이지에는 1번부터 시작하는 pageCallBack(pageNum) 기능이 있어야 합니다. url//link 주소, 유형이 1과 다른 경우 공백으로 남겨둘 수 있습니다 예: Page._run({totalsize:300,curpage:11,type :1,simple:true}

코드 복사 코드는 다음과 같습니다. Page对象 .pageBox,.pageBox1{ text-align:center; height:25px; padding:15px 0;} .pageBox .pages a.up,.pageBox .pages a.down{ color:#6eb4ea; text-decoration:none; border:1px solid #ffffff; background:none;} .pageBox .pages a.else{ background:none; border:none;} .pageBox .pages a{ padding:3px 7px; border:1px solid #f3f6f6; background:#fdfdfd; margin:0 5px; color:#999999;} .pageBox .pages a:hover,.pageBox .pages a.hover{ background:#6eb4ea; border:1px solid #6eb4ea; color:#ffffff; text-decoration:none;padding:2px 7px; } pageBox .pages span{ padding:3px 7px; color:#999999;} .fiv_sep{ height:3px; float:left; width:100%; font-size:4px; line-height:2px;} Page var Page = { /** displayId//표시 영역 ID의 기본값은 pageBox입니다. 비워 둘 수 있습니다. pagesize//페이지당 항목 수, 기본값은 15이며, 비워 둘 수 있습니다 totalsize/ /총 항목수 curpage/ /현재 페이지 번호 simple//기본값은 false, true는 이전 페이지와 다음 페이지가 없으며, type//0은 기본값으로 http 점프, 1은 jsp 페이지에는 pageCallBack(pageNum) 기능이 있어야 합니다. 1부터 url//link 주소가 시작됩니다. 유형이 1과 다른 경우 비워 둘 수 있습니다. 예: Page._run({totalsize: 300,curpage:11,type:1,simple:true} */ _run:function(param){ var totalpages = 1,//총 페이지 수 displayId="#pageBox", ~ . CurPage = 1, // 현재 페이지 수 url = "", // 링크 주소 유형 = 0, / / 0은 기본적으로 http 점프, 1은 콜백 함수 전송 simple = false;// /간단한 버전, 이전 페이지와 다음 페이지 없음 if(param.type!=undefine)type=param.type; 🎜> if(param.displayId!=undefine)displayId=param.displayId; If(param.pagesize!=undefine)pagesize=param.pagesize; If(param.totalsize!=undefine)totalsize=param.totalsize; curpage; if(param.url!=undefine)url=param.url; if(param.simple!=undefine)simple=param.simple; if(url.indexOf("?" )==-1){ url = "?1=1"; if(curpage>totalpages){curpage=totalpages;}//수신 페이지 수가 총 페이지 수보다 큽니다. 그러면 마지막 페이지가 계산됩니다. if(totalpages>1){ var firstPage= simple?"": Page._builderPageArea(type,"up",url,curpage-1,"previous page",false,displayId) , lastPage = simple?"":Page._builderPageArea(type,"down",url,parseInt (curpage) 1,"다음 페이지",false,displayId),pages = new Array(); if (curpage if(curpage! =1){pages.push(firstPage);} if(totalpages>5){//总页数超过5 for(var i=1;i if(curpage==i){ 페이지 .push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ 페이지.push(Page._builderPageArea(type,"",url,i,i,false,displayId)); } } 페이지.push(' ... '); Pages.push(Page._builderPageArea(type,"",url,totalpages,totalpages,false,displayId)); }else{//总页数 for(var i=1;i if( curpage==i){ Pages.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ 페이지.푸시(Page._builderPageArea (유형,"",url,i,i,false,displayId)); } } } if(curpage!=totalpages)pages.push(lastPage); }else if(totalpages-curpage if(curpage!=1){pages.push(firstPage);} if(totalpages>5){//总页数超过5 페이지 페이지. push(' ... '); for(var i=totalpages-4;i if(curpage==i){ Pages.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ 페이지.푸시(Page._builderPageArea(type,"",url ,i,i,false,displayId)); } } if(totalpages!=curpage) { Pages.push(lastPage);} }else{//总页数&lt ;=5 ，列1,2，3,4，5 for(var i=1;i if(curpage==i) 페이지.푸시 (Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ ,url,나,나, false,displayId)); } } if(curpage!=totalpages)pages.push(lastPage); } }else{//有上一页和最后一页 且总页数肯定大于5 pages.push(firstPage); pages.push(Page._builderPageArea(type,"",url,1,1,false,displayId)); pages.push(' ... '); for(var i=curpage-2;i if(curpage==i){ pages.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ pages.push(Page._builderPageArea(type,"",url,i,i,false,displayId)); } } pages.push(' ... '); pages.push(Page._builderPageArea(type,"",url,totalpages,totalpages,false,displayId)); pages.push(lastPage); } var result = new Array(); result.push(' '); result.push(pages.join('')); result.push(' '); $(displayId).html(result.join('')); } }else{ }

} , /**총 페이지 수 계산 */ _getTotalPages:function(_totalsize,_pagesize){ if(_totalsize%_pagesize==0) return _totalsize/_pagesize; else 반환 Int(_totalsize/_pagesize) 1; }, /**페이지 매김의 각 페이지 영역 구성*/ _builderPageArea:function(type,textType,url,page,text,_focus,_displayId){ var hrefStr,href= new Array() ; if(type==0){ href.push(url); href.push('&pagenum='); href.push(페이지); }else if(type==1){ href.push('javascript:void(0);pageCallBack(\''); href.push(페이지); href.push('\' ,\''); href.push(_displayId); href.push('\')'); } hrefStr = href.join(''),result=new 정렬(); if(textType=='up'){ result.push(' result.push(hrefStr); result.push('" 클래스 ="up">上一页 '); }else if(textType=='down'){ result.push(' result.push(hrefStr); result.push(' " class="down">下一页 '); }else{ result.push(' result.push(hrefStr ); if(_focus){ result.push('" style="Background:#6EB4EA;color:#FFF;">'); }else{ 결과.푸시 ('">'); } result.push(page); result.push(' '); } 결과를 반환합니다.join( ''); } }; Page._run({totalsize:100,curpage:1,pagesize:10});