kkpager-master 这个分页插件的用法
来源:互联网 发布:pp软件2015下载 编辑:程序博客网 时间:2024/06/05 22:22
kkpager分页控件的使用:下载地址:http://www.jq22.com/jquery-info2705
<html><head> <meta name="viewport" content="width=device-width" /> <title>分页组件kkpager测试</title> <script src="~/bootStrapPager/js/jquery-1.11.1.min.js"></script> <script src="~/kkpager/src/kkpager.js"></script> <link href="~/kkpager/src/kkpager_blue.css" rel="stylesheet" /></head><body> <button class="b">8</button><button class="b">18</button> <!--分页按钮--> <div style="width:800px;margin:0 auto;"> <div id="kkpager"></div> </div></body></html>
<script type="text/javascript"> $(function () { $(".b").bind("click", function () { //第一个参数表示总页数,第二个参数表示数据的总条数(180是谁便写的) CreatePaging(Number($(this).text()), 180); //根据不同的总页数创建分页控件 }) }); function getParameter(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } function CreatePaging(totalpage, dataCount) { //传递两个参数:总页数,和总数据条数(没什么用处) var totalRecords = dataCount; var pageNo = getParameter('pno'); if (!pageNo) { pageNo = 1; } kkpager.total = totalpage; //这一句一定要(总页数赋值) kkpager.generPageHtml({ pno: pageNo, //当前页 total: totalpage, //总页数 totalRecords: totalRecords, //总数据条数(好像没什么用处) mode: 'click', click: function (n) { //-------我们的ajax代码在这里写 ---------------------------------------- //点击页码的时候就会调用这个回调函数,n是点击的页码 $.post("/Home/GetIndexData", { currPage: n, pageSize: 10 }, function (data) { }) //------------------------------ ---------------------------------------- this.selectPage(n); return false; } },true); //注意在这里加上true,否则不能初始化 }</script>
特别注意: 我们需要修改kkpager.js 文件中的generPageHtml方法
参考资料
1 0
- kkpager-master 这个分页插件的用法
- jqPaginator-master | kkpager-master 这两个分页插件的用法
- 好用的jquery分页插件 kkpager
- 简单分页插件,kkpager
- Jquery kkpager插件分页
- kkpager.js(jq分页插件)
- kkpager分页插件的Ajax数据变化但是页码不变的问题
- jquery分页展示控件:kkpager
- jquery分页展示控件 kkpager
- 实用插件(八)20行代码轻松搞定分页——kkpager
- kkpager的注意事项
- kkpager
- jquery分页展示控件 kkpager 使用
- jquery分页展示控件 kkpager 使用
- jquery分页展示控件:kkpager v1.3
- jquery分页展示控件:kkpager v1.3
- kkpager仿淘宝js分页控件
- Spring Data JPA+kkpager实现分页功能
- SQL*PLUS命令
- path变量备份
- 10个字符串做排序
- LruCache算法
- non-dominated sorting算法的matlab实现
- kkpager-master 这个分页插件的用法
- xcode7.1 cordova 打包的工程 报错 error--> cordova/CDVViewController.h
- [2019]:数列有序
- Leetcode #23 Merge k Sorted Lists
- [2020]:绝对值排序
- 使用mysql yum包安装mysql5.5
- C# 制作软件启动画面
- [IOS]绑定事件时,为何看不到具体的UIControlEvents对象,只有事件委托?
- JS学习笔记(03)——(联动菜单,计时器)