• 分页的封装()


    第一步:分页对象的封装(在分页类重写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
  • 相关阅读:
    swiper插件的使用demo
    可能要用的东西
    VIDEO
    vue上传图片加水印
    图片 base64 file blob 之间相互的转化
    vant 上传图片加水印
    JS 随机排序算法
    ubuntu16.04 下apache 搭建站点
    Unity常用目录对应的Android && iOS平台地址
    IOS 官方实现单例模式
  • 原文地址:https://www.cnblogs.com/shangxiaofei/p/3998167.html
Copyright © 2020-2023  润新知