基本的分页实现

标签：

         <div id="table_box" style="height:40px;width:300px;margin:0 auto;padding:0 auto;">
             <table align="center">
                  <tr class="search_table_pageturn" align="center">
                      <td colspan="5" align="center">
                           <a class="fenye" id=‘query1‘ href="#none" pageNo="1" class="updown">首页</a>&nbsp;&nbsp; 
                           <a class="fenye" id=‘query2‘ href="#none" pageNo="" class="updown">上一页</a>&nbsp;&nbsp;
                           <a class="fenye" id=‘query3‘ href="#none" pageNo="" class="updown">下一页</a>&nbsp;&nbsp;
                           <a class="fenye" id=‘query4‘ href="#none" pageNo="" class="updown">末页</a>&nbsp;&nbsp;
                          共<span class="dred">${searchPagination.pageCount }</span>页&nbsp;&nbsp; 第<span class="pagenum">${searchPagination.cur                           rentPage }
                     </span>页</td>
                 </tr>
            </table>
         </div>

$(‘.fenye‘).click(function(){ 
   if($(this).attr(‘id‘)==‘query1‘){
      pageNo=1;
    }
   else if($(this).attr(‘id‘)==‘query2‘){
     if(pageNo==1){
       $(‘#query2‘).attr(‘pageNo‘,1);
     }else{
       $(‘#query2‘).attr(‘pageNo‘,--pageNo);
     } 
   }
   else if($(this).attr(‘id‘)==‘query3‘){
     if(pageNo==pageCount){
       $(‘#query3‘).attr(‘pageNo‘,pageNo);
     }else{
     $(‘#query3‘).attr(‘pageNo‘,++pageNo);
  }    
  }
  else if($(this).attr(‘id‘)==‘query4‘){
    pageNo=pageCount;
 }
 $("#queryModel").submit();
});

基本的分页实现

标签：

原文地址：http://www.cnblogs.com/cornucopia/p/4211003.html