ztree——设置节点字体颜色

ZTree配置与节点颜色示例

原创已于 2023-03-17 14:15:08 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

于 2023-03-15 11:37:29 首次发布

文章展示了如何使用ZTree的配置项view.fontCss来设置节点字体颜色，通过后端返回的数据动态设定每个节点的颜色，例如红色、绿色、橙色、蓝色和黄色。示例中包含了一组树结构的数据节点。

ztree官方文档：ztree官方文档

var setting = {
	view: {
		fontCss : setFontCss
	}
};

//后端返回得数据
const resNodes = [
	{ id:1, pId:0, name:"随意勾选 1", color:'red'},
	{ id:11, pId:1, name:"随意勾选 1-1", color:'grren'},
	{ id:111, pId:11, name:"随意勾选 1-1-1", color:'orange'},
	{ id:112, pId:11, name:"随意勾选 1-1-2", color:'blue'},
	{ id:12, pId:1, name:"随意勾选 1-2", color:'yellow'}
]

function setFontCss(treeId, treeNode) {
	return {color:treeNode.color};
};