zoukankan      html  css  js  c++  java
  • 基本的分页实现

             <div id="table_box" style="height:40px;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();
    });
  • 相关阅读:
    python中的os模块
    python基础之正则表达式
    可以结合react的ui组件
    清除文件里的中文字
    阿里云docker
    Java开源BI系统介绍(转)
    miniui datepicker 二次加工
    笔试网站
    webpack ,gulp/grunt的介绍
    百度app测试服务
  • 原文地址:https://www.cnblogs.com/cornucopia/p/4211003.html
Copyright © 2011-2022 走看看