layui table行点击tr_LayUI数据表格行单击事件中选中

2019年9月5日11:19:17

实现思路

直接修改复选框选中状态和伪复选框(DIV)Class

但是调用checkStatus获取不到选中的行

查看底层源代码checkStatus方法的实现是缓存数据中的属性来判断是否选中

所以循环缓存数据，用index找到操作数据修改，再次获取选中行就可以获取到了

table.on(‘row(test)‘,function(obj){

var flag = !obj.tr.find(‘:checkbox:first‘).attr(‘checked‘);

obj.tr.find(‘:checkbox‘).attr(‘checked‘,flag);

if(flag){

obj.tr.find(‘.layui-form-checkbox‘).addClass(‘layui-form-checked‘);

}else{

obj.tr.find(‘.layui-form-checkbox‘).removeClass(‘layui-form-checked‘);

}

layui.each(table.cache.userTable,function(i,l){

if(obj.tr.index()==l.LAY_TABLE_INDEX){

l.LAY_CHECKED=flag;

}

});

原文：https://www.cnblogs.com/wangfeii/p/11464726.html

layui table行点击tr_LayUI数据表格行单击事件中选中相关推荐

JS实现鼠标点击展开/隐藏表格行
<title>JS实现鼠标点击展开/隐藏表格行_网页代码站(www.webdm.cn)</title> <script language="javascript ...
layui table行点击tr_layui框架table表格实现单击行选中checkbox功能
layui.table.on('row(operateEvent)', function (obj) { var tableDiv; var index = $(obj.tr.selector).at ...
layui table行点击tr_layui的table单击行勾选checkbox功能方法
如下所示: //单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table t ...
layui table工具栏点击时间_layui table表格上添加日期控件laydate
方法:标红的地方是关键,经测试不要 data_field:'velappr' 也能用. tatable.render({ id:'idTest' ,elem: '#dict' ,page: true, ...
layui 数据表格分页搜索 checkbox 缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
layui 数据表格+分页+搜索+checkbox+缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
layui table 复选框跳页后再回来保持原来选中的状态
layui table默认跳页后不存在源页面选中的状态.如果要实现记录源页面的选中状态,需要定义一个全局变量来记录数据选中状态. 1.修改table.js ;layui.define(["l ...
android菜单点击功能怎么做的,单击android中的Menu按钮打开上下文菜单
Are you sure you want to open context Menu on Click of Menu button? 因为,上下文菜单适用于特定视图, 上下文菜单提供影响UI中特定项 ...
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...

layui table行点击tr_LayUI数据表格行单击事件中选中

layui table行点击tr_LayUI数据表格行单击事件中选中相关推荐

最新文章

热门文章