layui tree 组件禁用选中父节点后自动选中子节点功能

时间:2024-03-28 22:37:13

     最近做权限管理后台,用了layui tree 组件,发现选中了父节点后,自动选中了子节点。不满足现实业务需求。所以微调了下源代码。

     准备工作:

    1.下载 layui 组件源码(layui-v2.5.6)

    2.准备好tree demo 示例

    步骤1.找到 layui\lay\modules\tree.js  将压缩后的 js 还原成有换行缩进的js.

    步骤2.找到 代码  b.prototype.setCheckbox = function (e, i, a)  ,大约在 144行。

    经过调试发现,选中子节点代码如下:

layui tree 组件禁用选中父节点后自动选中子节点功能

 步骤3.新增 if(this.config.checkChirld) 开关,判断是否需要关联选中子节点

步骤4.调用,如下图:

layui tree 组件禁用选中父节点后自动选中子节点功能

效果亲测可用,非前端,改动如果不合理,别喷。

ps:严重鄙视那些下载要积分的,又不是生产环境东东,改点点也要积分!