layui问题之模拟table表格中的选中按钮选中事件
2018-01-11 16:04
976 查看
一、问题
不操作页面,实现table表格中的checkbox选中功能
二、经过
刚开始的思路: 1、通过table的id,找到table渲染时生成的div,即table的下一个兄弟节点div.layui-table-view 2、由于checkbox是固定列,再通过第一步,找到div.layui-table-view的子元素.layui-table-fixed 3、紧接着,找出table的第一行的第一个td里面的input,即tr[data-index="0"] td input(注:这个input的类型就是checkbox) 4、找到input的下一个兄弟节点,即div.layui-form-checked
layui.use(['table', 'form', 'layer', 'layedit', 'laydate'], function() { // code //模拟checkbox选中功能 var checkbox = $('#employeesTable').next().find('.layui-table-fixed tr[data-index="0"] td input'); checkbox.next().click(); });
结果可想而知,并没有实现。在console中打印出来,找不到.layui-table-fixed,只能找到table里面的<tbody></tbody>,而且里面没有子节点。
三、结果
想一下,大概是table渲染数据时,模拟checkbox选中功能已经开始执行了。更这段code加一个延迟,这个问题解决。
setTimeout(function () { var td = $('#employeesTable').next().find('.layui-table-fixed tr[data-index="0"] td input'); td.next().click(); },3000);
PS:后台在写测试,需要操作页面dom,用到了这种模拟事件。
相关文章推荐
- 关于layui2.2.x版本使用table表格,刷新后table数据消失的问题
- js-模拟easyui-datagrid表格各行选中事件-实现逻辑
- MFC 通过发送消息完成按钮操作模拟鼠标单击事件的发生的问题
- jQuery注册表格(table)行(tr)点击选中checkbox事件
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- 问题:table 可否实现对角线;结果:用div+css模拟表格对角线
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- BootStrap给table表格的每一行添加一个按钮事件
- layui问题之模拟select点击事件
- layui问题之模拟select点击事件的实例讲解
- 有关表格table-layout:fixed属性的问题
- html中表格table的行列合并问题解决
- 用C#代码画出一个Table同时增加 按钮事件为他动态增加行列
- table表格中每行都有一个修改按钮怎么实现修改功能
- table表格中colspan不起作用的问题
- 一般情况下ListView中的 item点击事件和 item 中的Button按钮点击事件 同时需要时,就会出现Button抢占了item的焦距问题,导致ListView中的item点击事件无效,解决
- vue组件的hover事件模拟、给第三方组件绑定事件不生效问题
- CheckStateChanged(复选框选中状态更改事件)和 CheckedChanged(单选按钮选中状态更改事件)二者区别?
- layui 监听表格复选框选中值的方法
- Unity获得当前选中的物体(大量按钮的监听事件可用)