layui树组件取消选择父节点自动勾选所有子节点以及自定义节点图标

俗人zz

于 2022-11-19 12:11:36 发布

阅读量2k

点赞数

分类专栏：笔记文章标签： layui 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_44418737/article/details/127935026

版权

笔记专栏收录该内容

3 篇文章

订阅专栏

1.取消选择父节点自动勾选所有子节点

默认会选择第一级的时候勾选所有子选项，有时候不满足需求
在这里插入图片描述

// layui.js 中找到 this.disabled || (this.checked = t) 增加判断this.config.checkChirld
if(this.config.checkChirld) {
	r.each(function() {
	   this.disabled || (this.checked = t)
	})
}

如图在这里插入图片描述

同时调用的时候增加checkChirld:false 在这里插入图片描述
效果

2.自定义图标

layui.js中搜索layui-icon layui-icon-file 替换为
‘<i class="’ + (r.icon || “layui-icon layui-icon-file”) + ‘">’ :
r.icon data中增加参数icon 传入图标class 如果改成n.icon 在tree.render中增加 icon更改全局的在这里插入图片描述