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

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();
};

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值