ztree 通过json 设置颜色
时间: 2023-10-18 09:02:22 浏览: 37
可以通过在 JSON 数据中设置 `color` 属性来设置 zTree 节点的颜色。
例如:
```json
[
{
"name": "节点1",
"color": "#FF0000",
"children": [
{
"name": "子节点1",
"color": "#00FF00"
},
{
"name": "子节点2",
"color": "#0000FF"
}
]
},
{
"name": "节点2",
"color": "#FFFF00"
}
]
```
在上面的 JSON 数据中,每个节点都有一个 `color` 属性,可以设置节点的颜色。颜色可以使用十六进制表示法,例如 `#FF0000` 表示红色。
在使用 zTree 时,可以使用 `zTreeObj.setting.view.fontCss` 属性来自定义节点的 CSS 样式。例如:
```javascript
var zTreeObj = $.fn.zTree.init($("#tree"), {
view: {
fontCss: function(treeId, treeNode) {
return { color: treeNode.color };
}
},
data: {
key: {
name: "name",
children: "children"
}
}
}, jsonData);
```
在上面的代码中,通过设置 `zTreeObj.setting.view.fontCss` 属性,可以动态地设置每个节点的字体颜色,从而实现节点颜色的自定义。