layui 表格单元格溢出时点击显示的详情框的刷新无法自动关闭问题

it2022-05-05  176

layui 表格单元格溢出时点击显示的详情框的刷新无法自动关闭问题

我们在使用layui框架时,经常会遇到表格单元格内容溢出,此时表格中溢出的数据会以省略号的形式隐藏,点击后会产生一个详情框,显示该单元格的完整内容,这个内置的操作事件用起来很方便。

但是这个详情框在我们重载刷新时不会自动消失!!!

本人在开发时遇到了这个问题,到网上查了一下,大家提供的方法大多是禁用这个点击事件,或者将详情框隐藏掉。然而两种方法对我的情况来说都不适用,不符合客户需求。

无奈之下只能去查看了源码,最终找到了一种比较简单的解决方案,就是在reload时添加一句“$(’.layui-table-tips-c’).click();”,也就是执行了一次详情框的关闭按钮的点击事件,这样就关闭了详情框。

search = function () { var appNum = $('#appNum').val(); $('.layui-table-tips-c').click(); table.reload('becomeFullTable', { where :{filter:JSON.stringify({ appNum : appNum }) } }); form.render(); };

第一次分享东西,有什么不足的地方请指正,希望能给大家带来帮助。


最新回复(0)