巧妙解决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组件分页的资料请关注脚本之家其它相关文章!

相关文章

  • 微信小程序自定义轮播图

    微信小程序自定义轮播图

    这篇文章主要为大家详细介绍了微信小程序自定义轮播图,swiper dots默认样式修改,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript复制变量三种方法实例详解

    JavaScript复制变量三种方法实例详解

    这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • js实现按一下删除键删除整个单词附demo

    js实现按一下删除键删除整个单词附demo

    使用代码实现当删除单词时就一次性删除整个单词,有个demo,相信大家看过之后就知道是什么意思了
    2014-09-09
  • javascript返回顶部的按钮实现方法

    javascript返回顶部的按钮实现方法

    这篇文章主要介绍了javascript返回顶部的按钮实现方法,需要的朋友可以参考下
    2016-01-01
  • javascript中的event loop事件循环详解

    javascript中的event loop事件循环详解

    这篇文章主要给大家介绍了关于javascript中event loop事件循环的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • js生成随机数方法和实例

    js生成随机数方法和实例

    这篇文章主要介绍了js生成随机数方法和实例,由js生成一切随机数的基础都是Math.random(),有兴趣的可以了解一下。
    2017-01-01
  • 浅析ES6与CommonJS中模块的用法对比

    浅析ES6与CommonJS中模块的用法对比

    ES6 的模块化汲取了 CommonJS 和AMD 的优点,拥有简洁的语法和异步的支持,并且写法也和 CommonJS 非常的相似,下面我们就来看看二者用法的差异吧
    2023-09-09
  • 深入理解Webpack 中路径的配置

    深入理解Webpack 中路径的配置

    这篇文章主要给大家介绍了关于Webpack2中路径配置的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • 基于jsTree的无限级树JSON数据的转换代码

    基于jsTree的无限级树JSON数据的转换代码

    基于jsTree的无限级树JSON数据的转换代码,需要的朋友可以参考下。
    2010-07-07
  • JavaScript实现动态数据可视化的示例详解

    JavaScript实现动态数据可视化的示例详解

    动态数据可视化能够将大量数据以直观、生动的方式呈现,帮助用户更好地理解和分析数据,本文主要为大家介绍了如何使用JavaScript实现这一功能,需要的可以参考下
    2024-02-02

最新评论