欢迎来到小懒的博客~email:568705236@qq.com

layui table里面的事件无法触发的问题

2020/10/13 22:54:18站长

    我在这里写两个表格里面的事件无法按照正常触发的情景例子,可能有其他现象也是相同原因导致,参考后选择合适的解决方案。

    第一个,表格里的按钮click事件。如果按钮的触发事件是写在元素上的onclick,这样是会正常触发。现在的情况是事件监听绑定的节点是表格外的元素,

image.png

    在表格中因列宽不足产生隐藏,然后点击全部展示按钮后,悬浮框显示的按钮,点击是不会触发监听的事件。至于说事件监听绑定在table节点,这就更不可能了,layui是另外生成table来展示的,原来的table标签被隐藏。

image.png

    通过审查元素可以知道,这个全部展示其实是复制了单元格中的html元素,然后使用layer弹出,那么这些复制的元素所处的位置是在body节点下。如果监听绑定的节点元素是body就没问题或者使用layui.util的event来监听事件。

    另外在table中,toolbar的列是不会弹出向下箭头按钮来显示列的全部内容,所以toolbar中的列宽度需要提前设置好足够的宽度。


赞赏