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();
    });
  • 相关阅读:
    event对象之与onmouse相关的事件触发
    对文档树进行导航
    event对象的onkeydown使用
    event的onchange方法
    函数名-函数参数坑-迭代器
    函数进阶-名称空间
    初识函数
    文件管理
    基础数据类型补充-编码进阶
    集合-缓存机制-深浅copy
  • 原文地址:https://www.cnblogs.com/cornucopia/p/4211003.html
Copyright © 2011-2022 走看看