pagination.js

之所以写这篇博客，是因为前段时间有用到pagination.js，网上的各种配置使用方法，但我发现多个版本使用方法有出入，所有写下这篇博客，供以后查看。 注：此插件基于jq，必须先引入jq才能正常使用。 引入pagination.js;pagination.css; 插件链接：https://github.com/ljzy1026/pagination html 一个id为pagination的div js // 初始化分页模块 // sort是本项目ajax请求需要的一个参数 function pageStart(sort) { var container = $('#pagination'); // sort需要定义才能被回调函数获取到 var sort = sort || 11; // 初始化 container.pagination({ // 数据源，好几种写法（直接写数组；写函数中包含ajax请求；直接写url） dataSource: '/essaymanage/getessaylist?status=-1&sort=' + sort, // 数据最终来源 res.data locator: 'data', // 总数，一般都是从后台拿的（写死是totalNumber参数） totalNumberLocator: function(response) { return

本博客介绍基于Spring Data这款orm框架加上Jquery.pagination插件实现的分页功能。 介绍一下Spring Data框架 spring Data : Spring 的一个子项目。用于简化数据库访问，支持NoSQL 和 关系数据存储。 下面给出SpringData 项目所支持 NoSQL 存储： MongoDB （文档数据库） Neo4j（图形数据库） Redis（键/值存储） Hbase（列族数据库） SpringData 项目所支持的关系数据存储技术： JDBC JPA JPA Spring Data : 致力于减少数据访问层 (DAO) 的开发量。开发者只要写好持久层接口就好，然后其它的框架会帮程序员实现。 开发步骤： 【Spring Data实现数据获取】 本项目是采用maven的，所以可以参考一下我的maven配置： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <parent>

最终示例图： html代码（搜索块） ............................ <button type="submit" class="btn btn-success" id="btn_cz" name="" onclick="search()"> <i class="Hui-iconfont"></i> 搜 索</button> html代码（分页代码：） <div class="pagination" id="Pagination" style=""></div> css样式代码： .pagination{float:right;height:40px;padding:20px 0;margin-top: 20px;} .pagination a{display:block;float:left;margin-right:10px;padding:2px 12px;height:24px;border:1px #ccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px} .pagination a,.pagination span{float:left;border:0;background:#5a98de;color:#fff;}

1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。 首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 点击获取查看这两个文件 2.页面js代码为 <script type= " text/javascript " > var pageIndex = 0 ; // 页面索引初始值 var pageSize = 15 ; // 每页显示条数初始化，修改显示条数，修改这里即可 $(function () { InitTable( 0 ); // Load事件，初始化表格数据，页面索引为0（第一页） // 分页，PageCount是总条目数，这是必选参数，其它参数都是可选 $( " #Pagination " ).pagination(<%=pcount%> , { callback: PageCallback, // PageCallback() 为翻页调用次函数。 prev_text: " « 上一页 " , next_text: " 下一页 » " , items_per_page:pageSize, num_edge_entries: 2 , // 两侧首尾分页条目数 num_display_entries: 6 , // 连续分页主体部分分页条目数 current