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();
};
第一次分享东西,有什么不足的地方请指正,希望能给大家带来帮助。