我已经在互联网上搜索了一个世纪,但找不到答案。我试图根据特定节点的类型更改节点文本颜色。所以在这个例子中,我想更改每个节点的文本颜色,这些节点是数据中定义的“Angular 色”类型。
$("#roleTree").jstree({
json_data: {
data: roleTreeData
},
"themes": {
"theme": "default",
"dots": true,
"icons": false
},
"ui": {
"select_limit": 1,
"select_multiple_modifier": "none"
},
"types": {
"types": {
"AM": {
"hover_node": false,
"select_node": false
},
"AF": {
"hover_node": false,
"select_node": false
},
"Role": {
// i dont know if possible to be done here? add class?
// this.css("color", "red")
//{ font-weight:bold}
}
}
},
plugins: ["themes", "json_data", "ui", "Select", "types", "crrm"]
}).bind("loaded.jstree", function (event, data)
{
$("#roleTree").jstree("open_all");
data.inst.select_node('ul > li:first');
}).bind("select_node.jstree", function (event, data)
{
selectedRoleId = data.rslt.obj.attr("id");
window.selectedRole = GetRole(selectedRoleId);
});
}
或任何其他突出显示或告诉用户只能选择 Angular 色的方法。
最佳答案
这可以使用以下 CSS 完成,假设您使用的是默认经典主题。
.jstree-classic li[rel="Role"] > a { color:red; }
获取jstree-classic
类,其中 child li
有Role
的rel
属性,获取第一个 child a
li
并将颜色分配给红色。
关于javascript - 根据类型更改 jstree 节点文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11860705/