如何为树中的选定节点设置 css class?
How to set a css class for a selected node in a tree?
我正在使用 Dijit 树,我需要在选中(焦点)时更改节点的 CSS 样式。
假设一个节点在 "deselected" 时为黑色,在 "selected" 时变为红色,反之亦然。
我应该在我的代码中更改什么?
var tree = new Tree({
model: this._model,
showRoot: true,
autoExpand: true,
persist: false,
getLabel: function (item) {
return item.name;
},
onClick: function (item, node, event) {
businessLogic.goToView(item.id);
}
如果你想更新所选节点的 css,你应该像这样覆盖 css:
.claro .dijitTreeRowSelected {
color: red
}
这是一个简单的 jsfiddle,它将使选定的标签变为红色,悬停的标签变为绿色:
http://jsfiddle.net/edchat/dox42qye/15/
我正在使用 Dijit 树,我需要在选中(焦点)时更改节点的 CSS 样式。 假设一个节点在 "deselected" 时为黑色,在 "selected" 时变为红色,反之亦然。
我应该在我的代码中更改什么?
var tree = new Tree({
model: this._model,
showRoot: true,
autoExpand: true,
persist: false,
getLabel: function (item) {
return item.name;
},
onClick: function (item, node, event) {
businessLogic.goToView(item.id);
}
如果你想更新所选节点的 css,你应该像这样覆盖 css:
.claro .dijitTreeRowSelected {
color: red
}
这是一个简单的 jsfiddle,它将使选定的标签变为红色,悬停的标签变为绿色:
http://jsfiddle.net/edchat/dox42qye/15/