laypage分页java例子_总结laypage.js分页插件用法

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、效果图

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

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。

laypage分页java例子_总结laypage.js分页插件用法相关推荐

使用amaze ui的分页样式封装一个通用的JS分页控件
作为一名码农,天天百度.偶尔谷歌,所有代码全靠copy,用第三方插件,偶尔也想着造造轮子,毕竟自己的骨肉总归比较亲. 今天有点空闲时间,想起我们公司之前套的页面的分页插件上还有bug,而写那个分页插件 ...
laypage分页java例子_laypage分页插件的使用
laypage是用于分页的插件,该插件通过js请求分页数据 1.载入js文件 2.在页面中显示分页信息的地方插入标记 3.添加js var url = '{:url("article/lis ...
ddd java 例子_【Java】DDD思维导图
首页专栏 java 文章详情 0 DDD思维导图洪永佳发布于今天 10:07 常见相关问题 DDD概念 DDD,全称Domain-Driven Design, 是一种处理复杂领域的设计思想,它试 ...
java心电图_使用原生js+canvas实现模拟心电图
从2016年2月转行进入IT行业,到现在也有将近两年的时间了,从最开始的java到现在的前端,前进的路上一直靠自己摸索,一路走到现在,前端大神是绝对谈不上的,最多算一只刚入门的菜鸟. 从最开始的懵懵懂 ...
js编码java解码_常用的js、java编码解码方法
前言前后端直接传输数据进行交互不就行了吗,为什么还要进行编码解码?正常情况下直接交互没问题,但当有类似以下情况出现时就需要进行编码再进行传输: 1.编码格式难以统一,导致数据交互过程出现中文乱码等问 ...
flexpaper java 例子_【转载】《Flexpaper二次开发入门教程》(十) Flexpaper简单使用-第一个Flexpaper例子（4.1节） ......
主要文件.文件夹说明: Examples存放Flexpaper使用例子 Js存放Flexpaper调用的JS文件 Php存放PHP使用的文档.JS.库.SWF文件 Index.html例子主页 Fle ...
内存泄漏java例子_一次线上Java应用内存泄漏分析实例
由于JVM的内存管理采用GC垃圾自动回收机制,这使得Java程序员在编程的时候确实可以从内存管理中释放出来,但这也引发了另外一个大问题,一旦Java应用出现内存泄漏的时候,常常让人措手不及,陷入无从下 ...
cryptico.js java解密_從Cryptico.js中提取RSA私鑰
我相信這是一個非常基本的問題,但我開始使用JavaScript和RSA進行研究,所以我有點失落.我剛剛下載了Cryptico庫,它爲我提供了一個易於使用的RSA密鑰生成/加密/解密.從Cryptico ...
beetl java例子_初识Java模板引擎Beetl之简单示例
以前没用过模板引擎,没去关注过,今天正好看到,简单看了一下,写个简单的示例,记录一下: 首先,Beetl 是 Bee Template language的缩写,是新一代的模板引擎,它功能强大,拥有主流 ...
ringbuffer java例子_使用Ring Buffer构建高性能的文件写入程序
最近常收到SOD框架的朋友报告的SOD的SQL日志功能报错:文件句柄丢失.经过分析得知,这些朋友使用SOD框架开发了访问量比较大的系统,由于忘记关闭SQL日志功能所以出现了很高频率的日志写入操作,从而 ...

laypage分页java例子_总结laypage.js分页插件用法

laypage分页java例子_总结laypage.js分页插件用法相关推荐

最新文章

热门文章