laypage ajax,laypage.js分页插件使用方法详解

本文实例为大家分享了laypage.js分页插件的使用方法，供大家参考，具体内容如下

1、引用依赖

a.layui.js

b.layui.css

c.laypage.js

2、HTML代码部分

3、js代码部分

$(function(){

//加载菜单列表数据

menuPageData();

});

function menuPageData() {

//以下将以jquery.ajax为例，演示一个异步分页

$.getJSON('../../menu/page/1', {

rows : 10 //每页显示的数据条数

function (res) { //从第1页开始请求。返回的json格式可以任意定义

laypage({

cont: 'page-nav', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：

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);

});

}

});

}

4、效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

laypage ajax,laypage.js分页插件使用方法详解相关推荐

php object keys_原生js中Object.keys方法详解
实际开发中,有时需要知道对象的所有属性,原生js提供了一个方法Object.keys(). Object.keys(obj)返回的是一个数组,该数组的所有元素都是字符串.这些元素是来自于给定的obj可 ...
java script eval_「eval」js中的eval方法详解（一）–eval方法的初级应用 - seo实验室...
eval 在我看来,js中的eval()方法就是一个js语言的执行器,它能把其中的参数按照javaScript语法进行解析并执行. 语法: eval(s); eval()方法中的参数s有多种情况.参数 ...
【沐风老师】3dMax填充地形网格插件使用方法详解
3dMax填充地形网格插件使用方法 3dMax填充地形网格插件,它从等高线或现有网格创建和优化地形曲面.基于四边形的输出允许更容易的后期重构,例如使用推/拉绘制.常规的面大小可以减少渲染问题(GI.置 ...
【沐风老师】3dMax一键多边形门（PolyDoor）、窗（PolyWindow）插件使用方法详解
3dMax一键多边形门.窗插件使用教程 3dMax一键多边形门(PolyDoor).窗(PolyWindow)插件,将选择的多边形面一键转化为门.窗模型.你可以通过编辑多边形的线框(边)来定义门.窗的 ...
【沐风老师】3dMax模型贴图贴画插件使用方法详解
3dMax模型贴图贴画插件使用方法 3dMax模型贴图贴画插件(3dmax贴花放置器),是在3dMax对象上放置贴花时使用的一种工具,可以帮助你加快工作速度.现代化的用户界面,能够保留贴花的纵横比.捕 ...
fancybox ajax参数,jQuery Fancybox插件使用参数详解
今天给大家介绍的jquery图片播放插件叫Fancybox,相比LightBox来说,Fancybox相对庞大点,配置也更丰富一些,相信你会喜欢的. Fancybox的项目主页地址:http://fa ...
Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
【沐风老师】3DMAX一键PVC窗户生成器插件使用方法详解
3DMAX一键PVC窗生成器使用教程 3dMax一键PVC窗生成器,是一个在3dsMax中自动创建3D窗口模型的高效脚本.它有16种风格的窗口,可以灵活地应用于Archviz项目,同时为3D艺术家节省 ...
【沐风老师】3dmax一键窗户生成器插件使用方法详解
3dmax一键窗户生成器插件教程 3dMax一键窗户生成器是一个在3dMax中自动创建3D窗户模型的脚本.它有28种风格的窗户样式,可以在Archviz项目中灵活应用,同时为3D艺术家节省大量时间. ...
html编辑器自定义脚本,ckeditor自定义插件使用方法详解
ckeditor是一款功能很强大的富文本编辑的工具,给我们提供了绝大多数功能,满足我们日常开发所用,但由于特殊情况,可能会需要修改ckeditor的插件.ckeditor提供了给我们很方便扩展插件的接 ...

laypage ajax,laypage.js分页插件使用方法详解

laypage ajax,laypage.js分页插件使用方法详解相关推荐

最新文章

热门文章