Layui.table组件分页问题

栏目: CSS · 发布时间: 6年前

内容简介:这段时间用了熟悉这个框架的小伙伴应该知道原始的分页是然而!!后端要求格式是

这段时间用了 Layui ,用table组件的时候遇到了一个问题,在这边分享记录下。

熟悉这个框架的小伙伴应该知道原始的分页是 ?page=1&limit=10 这样的,page代表分页,limit代表每页显示的条数。

然而!!后端要求格式是 ?offset=0&limit=10 ,看了下官网文档,社区以及搜索了下并没有找到相关资料。

没办法,只能默默搜源码去了。

经过一番的搜索,终于找到了答案。

首先前面的把pagename改下就好,

table.render({
    elem: '#table'
    ,url:url
    ,request: {
        pageName: 'offset'
    }
    ,cols: []
    ,page: true
});

后面的需要打开【table.js】并找到这个改成r[l.pageName] = e(此处自定义哈哈,我还拿出笔计算了,有种学数学的感觉,因为我是0/10/20的,所以此处为e*10-10),如下图:

Layui.table组件分页问题

好了,请求下试试看。

Layui.table组件分页问题

OK,没毛病,大功告成!


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

解构产品经理:互联网产品策划入门宝典

解构产品经理:互联网产品策划入门宝典

电子工业出版社 / 2018-1 / 65

《解构产品经理:互联网产品策划入门宝典》以作者丰富的职业背景及著名互联网公司的工作经验为基础,从基本概念、方法论和工具的解构入手,配合大量正面或负面的案例,完整、详细、生动地讲述了一个互联网产品经理入门所需的基础知识。同时,在此基础上,将这些知识拓展出互联网产品策划的领域,融入日常工作生活中,以求职、沟通等场景为例,引导读者将知识升华为思维方式。 《解构产品经理:互联网产品策划入门宝典》适合......一起来看看 《解构产品经理:互联网产品策划入门宝典》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码