zoukankan      html  css  js  c++  java
  • 分页的封装()

    第一步:分页对象的封装(在分页类重写toString()方法,内部用stringBuffer字符串,动态拼接分页的html代码。在页面上${page})

     1     @Override
     2     public String toString() {
     3         StringBuffer pageHtml=new StringBuffer();
     4         pageHtml.append("<div class="pagin">");
     5         pageHtml.append("<div class="message">共<i class="blue">"+this.getCountRecords()+"</i>条记录,当前显示第&nbsp;<i class="blue">"+this.getCurrentPageNum()+"&nbsp;</i>页</div>");
     6         pageHtml.append("<ul class="paginList">");
     7         //设置上一页
     8         if(getPrevPageNum()>0){
     9             pageHtml.append("<li class="paginItem"><a href="javascript:void(0);" onclick="pageTo('"+getPrevPageNum()+"')"><span class="pagepre"></span></a></li>");
    10         }
    11         for(Integer i:getListPages()){
    12             String className="paginItem";
    13             if(i.intValue() == getCurrentPageNum()){
    14                 className="'paginItem current'";
    15             }
    16             pageHtml.append("<li class="+className+"><a href="javascript:void(0);" onclick="pageTo('"+i+"')">"+i+"</a></li>");
    17         }
    18         //设置(更多)...
    19         if(!getListPages().contains(getCountPages())){
    20             pageHtml.append("<li class="paginItem more"><a href="javascript:void(0);">...</a></li>");
    21             pageHtml.append("<li class="paginItem"><a href="javascript:void(0);" onclick="pageTo('"+getCountPages()+"')">"+getCountPages()+"</a></li>");
    22         }
    23         //设置下一页
    24         if(getNextPageNum() > getCurrentPageNum()){
    25             pageHtml.append("<li class="paginItem"><a href="javascript:void(0);" onclick="pageTo('"+getNextPageNum()+"')"><span class="pagenxt"></span></a></li>");    
    26         }
    27         
    28         pageHtml.append("</ul>");
    29         pageHtml.append("</div>");
    30         return pageHtml.toString();
    31     }
    View Code

    第二步:在列表页编写js代码。和分页的html代码结合使用。从而实现分页。

     1 /**
     2  *进入分页
     3  * @param num
     4  */
     5 function pageTo(num){
     6     var url;
     7     var href=window.location.href;
     8     var ind=href.lastIndexOf("&num");
     9     if(ind>0){
    10         url=(href.split("&num"))[0];
    11     }else{
    12         url=(href.split("num"))[0];
    13     }
    14     var index=url.lastIndexOf("?");
    15     if(index>0){
    16         href=url+"&num="+num;
    17     }else{
    18         href=url+"?num="+num;
    19     }
    20     window.location.href=href;
    21 }
    View Code
  • 相关阅读:
    误区30日谈25-30
    误区30日谈21-24
    误区30日谈16-20
    误区30日谈11-15
    误区30日谈6-10
    eclipse如何导入java项目文件
    Spring配置bean文件的底层实现方式
    hibernate中get,load,list,iterate的用法及比较
    MySQL数据库的事务管理
    单元格样式
  • 原文地址:https://www.cnblogs.com/shangxiaofei/p/3998167.html
Copyright © 2011-2022 走看看