1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > layui的layui.table.cache只能获取当前页的所有数据问题解决(layui实现添加行操作遇到分页)

layui的layui.table.cache只能获取当前页的所有数据问题解决(layui实现添加行操作遇到分页)

时间:2019-04-19 13:25:32

相关推荐

layui的layui.table.cache只能获取当前页的所有数据问题解决(layui实现添加行操作遇到分页)

今天在使用layui数据表格的时候,我想实现一个添加行的操作,但是要添加行就得先获得当前所有的数据,如果不分页的话layui.table.cache['test'];还可以获取所有的数据,

但是如果数据很多需要分页展示的话以上方法就只能获取当前页面的所有数据,此时如果再去添加行就会有问题。经过一番研究我想出了以下办法来解决。

先用最大的数据limit去table.reload,让所有的数据在同一页展示,并获取当前页的所有数据(此时获取的数据就是所有分页的数据)。然后添加行之后,再执行一次重载(此时

使用正常的分页数量)。这样虽然在后台逻辑上看是重载了两次,但是在使用者的角度去看是看不出来的,他只能看到最后一次重载的结果。

下面贴出解决代码:

function addRow(){var page = $(".layui-laypage-skip").find("input").val(); //获取当前页码layui.table.reload('test', {page: {limit: Number.MAX_VALUE,curr: 1} });var tableData = layui.table.cache['test'];tableData.push(blankRow);/* 两次重载是为了解决 table.cache.basic只能获取当前页的数据的缺陷*/layui.table.reload('test', {page: {limit: 10,curr: page} ,data: tableData});}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。