layui数据表格table增加复选框禁止勾选功能

本文档介绍了如何在LayUI的表格模块中添加禁止选中功能。通过修改table.js文件,增加`disableName`配置项,并在模板中添加条件判断,实现了CheckBox的禁用状态。同时更新了逻辑代码和DOM操作,确保禁用状态的正确显示和处理。
摘要由CSDN通过智能技术生成

LayUI的CheckBox没有禁止选中功能,添加一个禁止选中功能。

  • 找到src里面lay下面的modules文件夹里面的table.js
  • 添加disableName: 'LAY_DISABLED' //是否禁用
config: {
            checkName: 'LAY_CHECKED', //是否选中状态的字段名
            indexName: 'LAY_TABLE_INDEX', //下标索引名
            disableName: 'LAY_DISABLED' //是否禁用
        } //全局配置项
  • 找到区域模板里面的 lay-filter="layTableAllChoose"

  • 在后面添加如下代码添加{{# if(item2[d.data.disableName]){ }} disabled {{# }; }}

  • 查找checkName = table.config.checkName;
    – 替换为

checkName = table.config.checkName,
disableName = table.config.disableName;

在这里插入图片描述

修改逻辑代码

if (item3[checkName]) {
        item1[checkName] = item3[checkName];
        return item3[checkName] ? 'checked' : '';
    } else if (item3[disableName]) {
        return item3[disableName] ? 'disabled' : '';
    }
    return tplData[checkName] ? 'checked' : '';
}() + '  ' + function() {
    //如果是禁用
    if (item3[disableName]) {
        return item3[disableName] ? 'disabled' : '';
    }
    return tplData[disableName] ? 'disabled' : '';
}() + '>';
break;

在这里插入图片描述

//childs = that.layBody.find('input[name="layTableCheckbox"]'),//该行替换成下面一行
childs = that.layBody.find('input[name="layTableCheckbox"]:not(:disabled)'),
//that.setCheckData(i, checked);该行替换成下面两行
var index = $(this).closest("tr").data("index");
that.setCheckData(index, checked);

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值