zoukankan      html  css  js  c++  java
  • 页面分页显示功能

      要想实现分页显示的功能,先要准备好三个文件:pagination.css,jquery.pagination.js,jquery-2.1.1.js
      这三个文件的下载地址:https://github.com/gbirke/jquery_pagination

      注:在引用这三个文件的时候,要先引用jquery-2.1.1.js文件

      在需要用到分页的页面中,写入一下内容: 

    $(function(){
    $("#pagination").pagination(100, {
    items_per_page:10,//每页显示多少条记录
    current_page:2-1,//当前显示第几页数据
    num_display_entries: 5,//分页显示的条目数
    next_text:"下一页",
    prev_text:"上一页",
    num_edge_entries:2,//连接分页主体,显示的条目数
    callback: handlePaginationClick
    });
    });

    注:100表示的是总记录数,也就是从数据库中查询到的总条数

    然后还有一个回调函数:

    function handlePaginationClick(new_page_index, pagination_container){
    $("#myform").attr("action","<%=basePath %>searchProductInfoAction!searchProductInfo.action?pageNum=" + (new_page_index + 1));
    $("#myform").submit();
    return false;
    }

    在页面标签中的相应位置加上:

    <div id="pagination"></div>

    如果页面进入死循环,可以将jquery.pagination.js文件中的最后的调用回调函数代码注释掉:

    if(opts.load_first_page) {
    opts.callback(current_page, containers);
    }

  • 相关阅读:
    记一次诡异的调优
    java动态代理学习笔记
    c#反射机制学习和利用反射获取类型信息
    php开启ssl的方法
    关于java中split的使用
    c#使用反射调用类型成员示例
    C#关于反射加载的问题
    Twitter:使用Netty 4来减少GC开销
    Java中如何修改Jar中的内容
    Android中自定义视图View之---前奏篇
  • 原文地址:https://www.cnblogs.com/dongming-03/p/5112889.html
Copyright © 2011-2022 走看看