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);

在这里插入图片描述

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐