demo里非常全
附链接地址:http://blog.csdn.net/luoyeyu1989/article/details/7000865
原来:
1,下载3个文件
分别为:jquery-1.7.1.js、jquery.pagination.js、pagination.css
批注:
(1)jquery.js和jquery.pagination.js插件的加载有先后顺序,不能颠倒。特别是在复杂的页面中。
(2)jquery.pagination.js实现可以有很多种。不同的分页插件,使用时可能会有差别,所以最好有足够的js功底,读懂那些插件是如何实现,以及如何引用。
(3)pagination.css是样式,可以独立出来。也即可以使用很多种不同的样式修饰,不必是给出的那一个。
避免初始化重复加载 加一个状态:
第一次加载且求出数据和分页大小,分页count等,等callback的时候判断一个DOM或input的状态,然后修改即可, 如: $(document).ready(function() { $.ajax({ type: "get", data: "page='' &S=" + S + "&domain=" + domain + "&pagesize="+dopagesize, url: "<?php echo $cmsapi; ?>/news", dataType: "jsonp", jsonp: "callback", jsonpCallback: "jsonpNewsList", success: function(data) { if (data.result == 200) { $('#aresult').empty(); if (!$.isEmptyObject(data.data.list)) { $.each(data.data.list, function(a, list) { //装载对应分页的内容 $("#aresult").append('<li><span><a href=" detail-' + list.id + '.html"><div>' + list.title + '</div></a></span></li>'); $("#online_ajax").val(1); }); } else { $("#aresult").append('<li><span class="s_check"> 暂无数据</span></li>'); } } /** * 初始化完成 显示分页 */ initPagination(data.data.pages.itemCount, dopagesize); }, error: function() { alert('参数错误'); } }); }); function initPagination(count, pagesize) { // 创建分页 $("#Pagination").pagination(count, {//共24条 num_edge_entries: 1, //边缘页数 隐藏之前或之后个数 num_display_entries: 4, //主体页数显示8个多出隐藏 callback: pageselectCallback, items_per_page: pagesize, //每页显示的3条目数 $this->pagesize prev_text: "前一页", next_text: "后一页" }); } function pageselectCallback(page_index, jq) { //page_index 前一个表示您当前点击的那个分页的页数索引值 /** * 扩展: 查询客户的关键字搜索 */ var search_type = $("#search_type").val(); var orderby = $("#orderby").val(); var keywords = ''; var search = {}; var online_ajax = $("#online_ajax").val(); if (online_ajax != 1) { $.ajax({ type: "get", data: "page=" + (page_index + 1) + " &S=" + S + "&domain=" + domain + "&pagesize=3", url: "<?php echo $cmsapi; ?>/news", dataType: "jsonp", jsonp: "callback", jsonpCallback: "jsonpNewsList", success: function(data) { if (data.result == 200) { $('#aresult').empty(); if (!$.isEmptyObject(data.data.list)) { $.each(data.data.list, function(a, list) { //装载对应分页的内容 $("#aresult").append('<li><span><a href=" detail-' + list.id + '.html"><div>' + list.title + '</div></a></span></li>'); }); } else { $("#aresult").append('<li><span class="s_check"> 暂无数据</span></li>'); } } }, error: function() { alert('参数错误'); } }); } else { $("#online_ajax").val(2); } return false; }
相关推荐
NULL 博文链接:https://javaeedevelop.iteye.com/blog/1462594
基于bootstrap+jquery的分页插件bs_pagination。如果我们的项目采用了bootstrap前端框架,可以考虑这款基于bootstrap+jquery的分页插件。本文将为你介绍该款分页插件的使用方法。
pagination使用起来非常的方便。 第一步:引入分页需要的js(jquery.pagination.js)和css(pagination.css) pagination插件下载地址 第二步:将分页条容器写到页面里(固定代码) <div id=Pagination> 第三...
本文实例讲述了CodeIgniter分页类pagination使用方法。分享给大家供大家参考,具体如下: controller控制器(application/controller/page.php文件): public function index() { $this->load->model ( 'home_...
第03讲:uni-pagination实现表格分页查询
文档安装npm install --save reactjs-pagination使用示例代码:import React, { Component } from 'react'; import { Pagination }from 'reactjs-pagination'; class Test extends Component { ...
jquery pagination 分页组件 jquery pagination 分页组件 jquery pagination 分页组件 官网 https://pagination.js.org/index.html 文档 https://pagination.js.org/docs/index.html
jquery.pagination.js 下载,优秀的jquery分页插件,使用IP代理国外网站下载而来
java Pagination(分页并操作)java Pagination(分页并操作)java Pagination(分页并操作)
这个是使用jquery.pagination.js实现分页的三种实例,包括使用jquery.pagination.js实现简单的分页,使用ajax实现无刷新分页,还有设置分页属性就行分页。。。
npm install vue-sliding-pagination --save 或者,对于 fäncÿ 人来说, yarn add vue-sliding-pagination 浏览器 目前,没有可用的浏览器版本。 用法 分页组件的基本用法只需要当前页面、页面总数和在页面更改...
ajax异步分页 pagination ajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页
详细参考:http://blog.csdn.net/xiejx618/article/details/47299491 后台的主要任务是获取总记录数和列表数据,剩下的分页功能可以交给前台来做就可以了,感觉jquery pagination...建议详细参考官方文档来了解各个配置...
classic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination....
Jquery 无刷新分页 jquery.pagination.js 带数据库 提交Handler请求数据 AJAX
pagination.css 由于前端分页时配合pagination.js使用。
dojo pagination sample dojo pagination sample