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);
    }

  • 相关阅读:
    线程安全和非线程安全
    spring MVC和hibernate的结合
    Spring学习笔记1——基础知识 (转)
    bitset && Luogu 3674 小清新人渣的本愿
    luogu P3452 [POI2007]BIU-Offices
    每日刷题记录
    Codeforces Round #721 (Div. 2) B2. Palindrome Game (hard version)
    2019湘潭邀请赛A
    2021CCPC浙江省赛 B
    Codeforces Round #720 (Div. 2) D
  • 原文地址:https://www.cnblogs.com/dongming-03/p/5112889.html
Copyright © 2011-2022 走看看