jqueryページングオブジェクトの使用例example_jquery

使用方法と関連パラメータは次のとおりです。 displayId//デフォルト値の表示領域 ID は pageBox で、空白のままにすることができます。 pagesize//ページごとの項目数、デフォルトは次のとおりです。 15。空白のままにすることができます。 totalsize //アイテムの合計数 curpage//現在のページ番号 simple//デフォルトは false、true には前のページと次のページがありません。 type//0 のデフォルトは http Jump、1 は jsp ページには 1 から始まる pageCallBack(pageNum) 関数が必要です url//リンク アドレス、タイプが 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"、。 / 0 のデフォルトは http ジャンプ、1 はコールバック関数を送信します simple = false;// /シンプル バージョン、前のページと次のページはありません if(param.type!=unknown)type=param.type; 🎜> if(param.displayId!=unknown)displayId=param.displayId; If(param.pagesize!=unknown)pagesize=param.pagesize; If(param.totalsize!=unknown)totalsize=param.totalsize; curpage; if(param.url!=未定義)url=param.url; if(param.simple!=undefined)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,"Next page",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{ pages.push(Page._builderPageArea(type,"",url,i,i,false,displayId)); } } Pages.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{ Pages.push(Page._builderPageArea (type,"",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 pages.push(Page._builderPageArea(type,"",url,1,1,false,displayId)); ページ。 Push(' ... '); for(var i=totalpages-4;i if(curpage==i){ ages.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ pages.push(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){ pages.push (Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ Pages.push(Page._builderPageエリア(タイプ,"",url,i,i, 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 return 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(page); }else if(type==1){ href.push('javascript:void(0);pageCallBack(\''); href.push(page); href.push('\' ,\''); href.push(_displayId); href.push('\')'); } hrefStr = href.join(''),result=new配列（）; if(textType=='up'){ result.push(' result.push(hrefStr); result.push('" class ="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 (''>'); } result.push(page); result.push(' '); } return result.join( ''); } }; Page._run({totalsize:100,curpage:1,pagesize:10});