- 在layui.table.render 函数中添加done回调函数,并在cols 中加event 点击事件名
layui.table.render({
elem: '#list'
, url: url //数据接口
, page: true //开启分页
, id: 'testReload'
, limit : 30
, limits: pages
,where: {
"cardId": cardId
}
, cols: [[ //表头
{type:'checkbox',width:38,event:'check'}
, {field: 'enName', title: '列名',align:"center",templet: '#gantryIdStr'}
]],
//layui table数据渲染完的回调
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
done: function(res){
// 禁止全选
$('th[data-field="0"] input[type="checkbox"]').prop('disabled', true);
$('th[data-field="0"] input[type="checkbox"]').css('display','none');
layui.form.render('checkbox');
//隐藏全选框
$('th[data-field="0"] input[type="checkbox"]').siblings(".layui-unselect").css('display','none');
}
});
- 监听事件
table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
var data = obj.data;
var HTML = $(this)[0].innerHTML;
if (data.dataType==7 || data.dataType ==2) {
layer.alert("提示信息", {icon:2,shade:0.5,closeBtn:0});
//取消选中
$(this)[0].innerHTML=HTML.replace("ayui-form-checked","");
}
});
- 页面写法
<table class="layui-hide" id="list" lay-filter="test"></table>
- 获取选中数据
var checkStatus = layui.table.checkStatus('testReload');
console.log(checkStatus.data)