JSON / Function(treeId, treeNode)setting.view.nodeClasses

概述[ 依赖 jquery.ztree.core 核心 js ]

使用 className 设置文字样式,只针对 zTree 在节点上显示的<A>对象。便于 css 与 js 解耦

默认值:{add: [], remove: []}

v3.5.43+

JSON 格式说明

add: Array,需要添加的 className 集合 例如:{add: ['highlight']}

remove: Array,需要删除的 className 集合 例如:{remove: ['highlight']}

Function 参数说明

treeIdString

对应 zTree 的 treeId,便于用户操控

treeNodeJSON

需要设置自定义样式的节点 JSON 数据对象

返回值JSON

返回值同 JSON 格式的数据,例如:{add: ['highlight'], remove: ['hide']}

setting & function 举例

1. 设置全部节点 name 显示为红色


var setting = {
	view: {
		nodeClasses : {add: ['highlight']}
	}
};

2. 删除节点 name 指定的 className:highlight

var setting = {
	view: {
		nodeClasses : {remove: ['highlight']}
	}
};

3. 设置 level=0 的节点 name 显示为红色

function setNodeClasses(treeId, treeNode) {
	return treeNode.level == 0 ? {add: ['highlight']} : {remove: ['highlight']};
};
var setting = {
	view: {
		nodeClasses: setNodeClasses
	}
};