layui数据表格复选框自动选中部分选项

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 //解析数据列表
        };
    },
});
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值