巧妙解决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组件分页的资料请关注脚本之家其它相关文章!
相关文章
uniapp中获取dom元素的方法及更改dom元素颜色踩坑记录
最近学到了一个比较好用的框架uni-app,可以做六端适配,学习一下,下面这篇文章主要给大家介绍了关于uniapp中获取dom元素的方法及更改dom元素颜色踩坑记录的相关资料,需要的朋友可以参考下2023-03-03
JavaScript 获取当前日期时间 年月日 时分秒的方法
这篇文章主要介绍了JavaScript 获取当前日期时间年月日时分秒的方法,通过案例代码介绍了获取当前日期方法,代码简单易懂,需要的朋友可以参考下2023-10-10
浅谈webpack devtool里的7种SourceMap模式
这篇文章主要介绍了浅谈webpack devtool里的7种SourceMap模式,主要介绍了这7种模式的使用和打包编译后的结果的不同,非常具有实用价值,有兴趣的可以了解一下2019-01-01


最新评论