layui数据表格复选框自动选中部分选项
layui官方文档中给出了数据表格复选框全选字段,如下,但是部分选中没有配置项。

部分选中的方法:
利用异步数据接口的参数:

实现代码:
layui.table.render({
id: "gridid",
elem: '#grid',
url: url,
where: {},
cols: [[
{type: 'checkbox'},
{field: 'code', width: 220, title: '编号'},
{field: 'name', width: 220, title: '名称'},
{field: 'remark', width: 220, title: '备注'},
]],
loading: true,
parseData:function(res){ //res为原始返回的数据
var data = res.data
if(cacheArr){ //cacheArr为定义的全局缓存数组,记录初始化的时候会被自动选中的数据项
for(var i = 0; i < res.data.length; i++){
for(var j = 0; j < cacheArr.length; j++){
//对表格的数据和缓存的数据进行循环对比,从原始数据中找到缓存的数据
if(cacheArr[j] == res.data[i].code){
//找到需要自动选中的数据,将该项数据的LAY_CHECKED字段改成true
data[i]["LAY_CHECKED"]=true;
}
}
}
}
return {
"code": res.code, //解析接口状态
"msg": res.msg, //解析提示文本
//将重新处理好的数据传给表格以完成渲染
"data": data //解析数据列表
};
},
});
1446

被折叠的 条评论
为什么被折叠?



