[JQuery]分页插件jQuery pager plugin功能扩展
来源:互联网 发布:雷蛇鼠标mac驱动 编辑:程序博客网 时间:2024/04/28 02:36
原文地址:http://blog.csdn.net/starfd/article/details/25292019
http://blog.csdn.net/nz360/article/details/52326232 牛逼分页
http://www.jq-school.com/Detail.aspx?id=236 小k 自定义分页标签
http://www.cnkk.me/art/2016/04/146174745092807.html
http://m.blog.csdn.net/article/details?id=8581240
http://www.jq22.com/jquery-info9832
http://www.jq22.com/jquery-plugins%E5%88%86%E9%A1%B5-1-jq
http://m.blog.csdn.net/article/details?id=25292019
因为项目需要用到了这个插件,但这个插件本身的功能无法达到产品要求,所以对这个插件进行了一些扩展,以下是扩展点:
1、修改原插件只能传递总页码数部分,修正为传递PageSize以及RecordCount,由这两部分计算出总页码数
2、增加当前页码与总页码判断,如果当前页码大于总页码,则修正当前页码为总页码数(当前页码从1开始计算)
3、当总页码数超出9页时,增加快速跳转功能,可输入的最大值为总页码数
4、增加总页数以及总记录数显示
5、对原默认First,Prev,Next,Last部分的文本进行扩展,支持用指定文本替换此部分默认内容
以下是修改后的js,包含原js版本说明:
以下是该插件对应的css部分,.jqpager是要应用插件的容器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQuery.pager.js Test</title> <link href="Pager.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.7.2.min.js" type="text/javascript"></script> <script src="jquery.pager.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $('#pager').pager({ pagenumber: 1,recordcount: 40,pagesize: 10,buttonClickCallback:PageClick,firsttext: '首页',prevtext: '前一页',nexttext: '下一页',lasttext: '尾页',recordtext: '共{0}页,{1}条记录'}); }); PageClick = function(pageclickednumber) { $('#pager').pager({ pagenumber: pageclickednumber,recordcount: 40,pagesize: 10,buttonClickCallback:PageClick,firsttext: '首页',prevtext: '前一页',nexttext: '下一页',lasttext: '尾页',recordtext: '共{0}页,{1}条记录'}); $("#result").html("Clicked Page " + pageclickednumber); } </script></head><body><div class="jqpager"><h1 id="result">Click the pager below.</h1><div id="pager" ></div></div></body></html>
以下是最终的效果
- [JQuery]分页插件jQuery pager plugin功能扩展
- [JQuery]分页插件jQuery pager plugin功能扩展
- jQuery插件JQuery Pager分页器实现javascript分页功能
- jquery分页--jquery.pager.js
- jquery的jQuery pager plugin(jquery.pager.js)简单应用
- 好看的分页插件-JQUERY PAGINATION PLUGIN
- springmvc + jquery + pager分页实例
- jQuery getJSON() + .ashx + jquery.pager 实现分页
- jquery分页插件jquery.tablesorter.pager.js,点击下一页跳到后两页问题
- 自己编写JQuery扩展分页插件
- Asp.net + jQuery + jQuery pager plugin + Sql Server 利用Ajax实现真正的无刷新分页浏览
- Asp.net + jQuery + jQuery pager plugin + Sql Serve
- 用jquery.pager.js实现分页
- 用jquery.pager.js实现分页
- 基于jquery做插件扩展功能
- jQuery插件 dataTable Ajax分页功能实现
- jQuery - plugin插件 - Cookie
- jQuery Grid Plugin插件
- Qt 使用 Google Breakpad 捕获程序崩溃报告(dump文件)
- oracle索引简单记录
- linux常见知识点
- centos7 安装mysql57
- 设计模式 外观模式 一键电影模式
- [JQuery]分页插件jQuery pager plugin功能扩展
- 解读URL的组成部分
- acm训练 2017 02 23
- 使用面向对象重构之-从过程式设计到面向对象
- Porting:linux内核的模块化、根文件系统的制作和自动挂载
- JSP标准标签库(JSTL)
- 设计模式 模版方法模式 展现程序员的一天
- Spring DAO 学习
- 机器学习算法常用指标总结