JQuery分页插件之Pagination

举报
孙小北 发表于 2021/11/03 18:29:38 2021/11/03
【摘要】 分页功能在项目中时常用到,一款可以快速实现分页功能的插件非常有必要,pagination--这款插件功能非常完美。JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。(1)在JQuery后面引入pagination插件 <script src="j...

分页功能在项目中时常用到,一款可以快速实现分页功能的插件非常有必要,pagination--这款插件功能非常完美。JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。

(1)在JQuery后面引入pagination插件

 <script src="js/jquery.js"></script>
 <script src="js/jquery.pagination.js"></script>

(2)

$(selector).pagination({
    callback: function(api){
       //参数api为函数返回值,详情请查看下面的相关参数的api的值
       console.log('点击页码调用该回调'); //把请求接口函数放在这儿,每次点击请求一次
    }
 }, function(){
        console.log('初始化'); //插件初始化时调用该回调,比如请求第一次接口来初始化分页配置
});

(3)参数:

items_per_page : 10, // 每页显示多少条记录
current_page : 0,      //当前页码	
num_display_entries : 4, // 中间显示页码的个数	
num_edge_entries : 2, // 末尾显示页码的个数	
link_to : "javascript:;",         //页码点击后的链接	
prev_text : "&lt;&nbsp;上一页",   //上一页的文字	
next_text : "下一页&nbsp;&gt;",	   //下一页的文字
ellipse_text : "...",  //页码之间的省略号
display_msg : true, // 是否显示记录信息	
prev_show_always : true, //是否总是显示最前页
next_show_always : true,//是否总是显示最后页	
setPageNo:false,//是否显示跳转第几页	
callback : function() {
    return false;
} // 回调函数
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。