layui问题之模拟table表格中的选中按钮选中事件的方法
2019-09-20 11:09
2281 查看
一、问题
不操作页面,实现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,用到了这种模拟事件。
以上这篇layui问题之模拟table表格中的选中按钮选中事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layui问题之模拟table表格中的选中按钮选中事件
- ExtJs 表格问题不能选中的解决方法
- layui 实现点击按钮添加一行(方法渲染创建的table)
- BootStrap给table表格的每一行添加一个按钮事件
- layui问题之模拟select点击事件
- Layui 带多选框表格监听事件以及按钮自动点击写法实例
- layui 监听表格复选框选中值的方法
- 关于使用layui获取表格复选框选中的数据的方法
- Layui Table js 模拟选中checkbox的例子
- IFRAME弹出式窗口回发数据到父页面[调用父页JS方法并模拟调用按钮的回发事件]
- WinForm中,Button按钮有PerformClick()方法,可以模拟用户单击鼠标. 即button.PerformClick()生成按钮的事件。
- 问题:table 可否实现对角线;结果:用div+css模拟表格对角线
- layui数据表格table的横向滚动条显示问题
- Layui组件Table绑定行点击事件和获取行数据的方法
- layui之table checkbox初始化时选中对应选项的方法
- layui框架table 数据表格的方法级渲染详解
- easyui--之总和使用方法--对话框dialog--工具栏toolbar-按钮button--tabs忒博页--树tree--表格table
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- layui 表格操作列按钮动态显示的实现方法
- layui加载表格,绑定新增,编辑删除,查看按钮事件的例子