迪吉特.树:仅设置顶级条目的样式

Question

我正在使用dijit/Tree，其中包含基于大型分层JSON字符串的数据。 到目前为止，它就像一个魅力。 即使是CSS的样式看起来也不错，但现在我必须只更改顶级元素的样式。 仅选择这些条目的最佳方法是什么？ 据我所知，现在有明确的类。

有人有想法吗？

亲切的问候 马库斯

Answer 1

与此同时，我找到了解决方案。

你必须实现树的onOpen函数，并向最近打开的节点的所有子节点添加一个CSS类：

var tree = new dijit.Tree({
model: treeModel,
id: "navTree",       
showRoot: false,
autoExpand: false,       
onOpen: function(item, node){
var subNodeList = node.getChildren();       
addMyClasses(subNodeList,(node.indent+1));
},        
openOnClick: false
}
function addMyClasses(nodeList,level){
nodeList.forEach(function(entry){      
entry.labelNode.className += " treeNavLevel"+level;   
});
}

就我而言，我为树的每个级别添加了一个不同的 CSS 类。 您可以从 node.indent 字段中获取级别