DDR爱好者之家 Design By 杰米
本文实例为大家分享了laypage.js分页插件的使用方法,供大家参考,具体内容如下
1、引用依赖
a.layui.js
b.layui.css
c.laypage.js
2、HTML代码部分
<div id="page-nav" style="float: right"></div>
3、js代码部分
<script> $(function(){ //加载菜单列表数据 menuPageData(); }); function menuPageData() { //以下将以jquery.ajax为例,演示一个异步分页 $.getJSON('../../menu/page/1', { rows : 10 //每页显示的数据条数 }, function (res) { //从第1页开始请求。返回的json格式可以任意定义 laypage({ cont: 'page-nav', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: res.pageCount, //通过后台拿到的总页数 curr: 1, //初始化当前页 skin: '#5a98de',//皮肤颜色 groups: 5, //连续显示分页数 skip: true, //是否开启跳页 count:res.total, //数据总数 limit: 10, //每页显示的条数。laypage将会借助 count 和 limit 计算出分页数 limits:[10, 20, 30, 40, 50], //每页条数的选择项。如果 layout 参数开启了 limit,则会出现每页条数的select选择框 first: '首页', //若不显示,设置false即可 last: '尾页', //若不显示,设置false即可 prev: '上一页', //若不显示,设置false即可 next: '下一页', //若不显示,设置false即可 jump: function (e) { //触发分页后的回调 $.getJSON('../../menu/page/' + e.curr, { rows : 10 //每页显示的数据条数 }, function (res) { console.log(res.rows); var data = res.rows; $("#total-text").html(res.total); /*解析表格分页数据*/ analysisTableData(data); }); } }); }); } </script>
4、效果图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 星之翼手游新手开荒指南大全 星之翼新手怎么快速上手
- 赵传2014-歌声传情3CD[广东音像][WAV+CUE]
- 江蕙2002-台语典藏系列·黄金版8CD[WAVCUE]
- 薰妮1980-雾里玫瑰[香港永恒真存珍藏版][WAV+CUE]
- 《给他爱5》被移植到NS平台:玩会序章就崩溃了
- 《星刃》MV幕后公开 韩国女星BIBI大赞服装设计
- 日本人妻COS《葬送的芙莉莲》尤贝尔:死鱼眼超还原
- 陈升.2019-七天【新乐园】【WAV+CUE】
- 痛仰乐队.2014-愿爱无忧【禾广娱乐】【WAV+CUE】
- 梁汉文.2001-MUSIC.IS.THE.ANSWER【华星】【WAV+CUE】
- 物华弥新果树双管瓶厉害吗 果树双管瓶培养建议分享
- 物华弥新玉琮王厉害吗 玉琮王培养建议分享
- 物华弥新金瓯永固杯厉害吗 金瓯永固杯培养建议分享
- Hires]勃拉姆斯:悲剧序曲HarvestehuderSinfonieorchesterHamburg,ChristianKunert,PietroMassa
- 发烧名盘1983-邓丽君-《淡淡幽情》[低速原抓WAV+CUE]