网上搜索了很多方法,单选行都会报错,并且特别慢。很多人说冒泡事件,执行了死循环,增加阻止冒泡事件,我加了其他的事件有影响。试了很多方法,终于知道了是这个地方有冲突,本人使用的 layui 为 v2.5.6 版。
解决方法如下:
layui.use('table', function() {
var table = layui.table, $ = layui.$;
...
cols : [ [ {
type : 'radio',
align : 'center' // 当为 fixed 时会与行单选方法有冲突,改为 align 后解决
}, {
field : 'coId',
width : 60,
title : 'ID',
unresize : true,
sort : true
}]
...
// 选中行方法
table.on('row(tableId)', function(obj){
// 选中行的数据
// var data = obj.data;
// 选中行样式
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
// 选中 radio 样式
obj.tr.find('i[class="layui-anim layui-icon"]').trigger("click");
});
...
});
记录一下,希望可以帮助到也有同样问题的朋友。
网友评论