巧妙解决Layui.table组件分页问题示例

 更新时间:2023年09月19日 09:05:42   作者:秋刀鱼Bin  
这篇文章主要为大家介绍了巧妙解决Layui.table组件分页问题方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

引言

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

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

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

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

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

修改pagename

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

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

table.js修改

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

好了,请求下试试看。

OK,没毛病,大功告成!

以上就是巧妙解决Layui.table组件分页问题示例的详细内容,更多关于Layui.table组件分页的资料请关注脚本之家其它相关文章!

相关文章

  • 利用JavaScript实现新闻滚动效果(实例代码)

    利用JavaScript实现新闻滚动效果(实例代码)

    这篇文章主要是对利用JavaScript实现新闻滚动效果的两种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 一些不错的JS 自定义函数

    一些不错的JS 自定义函数

    一些不错的JS 自定义函数 ,不少网站都在用,都是一些比较不错的函数,可以拿来直接使用。建议学习。
    2009-08-08
  • JS 文字符串转换unicode编码函数

    JS 文字符串转换unicode编码函数

    AJAX传递中文字符串时必须把中文字符串编码成unicode,一般会用到JS的自带函数escape().不过找到了更好的函数来确决中文字符转换成unicode编码的函数
    2009-05-05
  • JavaScript数据结构之数组的表示方法示例

    JavaScript数据结构之数组的表示方法示例

    这篇文章主要介绍了JavaScript数据结构之数组的表示方法,从数据结构线性表的角度分析了数组的原理并结合实例形式分析了javascript数组的定义与使用方法,需要的朋友可以参考下
    2017-04-04
  • 利用iscroll4实现轮播图效果实例代码

    利用iscroll4实现轮播图效果实例代码

    iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器(诸如iPhone,iPad,Android 这些系统上广泛使用)。下面这篇文章主要介绍了利用iscroll4实现轮播图效果的方法教程,需要的朋友可以参考下。
    2017-01-01
  • 浅谈JavaScript构造树形结构的一种高效算法

    浅谈JavaScript构造树形结构的一种高效算法

    这篇文章主要介绍了JavaScript构造树形结构的一种高效算法,对算法感兴趣的同学,可以参考下
    2021-05-05
  • JavaScript中的this指向绑定规则及常见面试总结

    JavaScript中的this指向绑定规则及常见面试总结

    这篇文章主要为大家介绍了JavaScript中的this指向绑定规则及箭头韩硕中的this指向,还b包含了常见面试总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • canvas操作插件fabric.js使用方法详解

    canvas操作插件fabric.js使用方法详解

    这篇文章主要为大家详细介绍了canvas操作插件fabric.js的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • JS实现数组简单去重及数组根据对象中的元素去重操作示例

    JS实现数组简单去重及数组根据对象中的元素去重操作示例

    这篇文章主要介绍了JS实现数组简单去重及数组根据对象中的元素去重操作,涉及javascript数组元素的遍历、判断、追加等操作实现去重功能的相关技巧,需要的朋友可以参考下
    2018-01-01
  • 一文带你深入了解JavaScript中的闭包

    一文带你深入了解JavaScript中的闭包

    闭包(closure)是一个函数以及其捆绑的周边环境状态的引用的组合,就是让开发者可以从内部函数访问外部函数的作用域,下面下面小编就来和大家深入聊聊它的使用吧
    2023-07-07

最新评论