如何为树中的选定节点设置css类

How to set a css class for a selected node in a tree?

本文关键字:节点 设置 css      更新时间:2023-09-26

我使用的是Dijit树,当选择(焦点)时,我需要更改节点的CSS样式。让我们想象一个节点在"取消选择"时为黑色,在"选择"时变为红色,反之亦然。

我应该更改代码中的哪些内容?

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/