如何动态更改tree的节点的图标

html-css012

如何动态更改tree的节点的图标,第1张

你用Chrome的Development Tool可以发现，这个iconCls已经放进去了 但是没有显示。

我自己写了一个 tree-offline的css样式哈这个不算。

找到tree-icon的子元素然后改掉class就可以。

如下所示：

var icons = $(node.target).find("span.tree-icon")

if (icons) {

if (online) {

$(icons[0]).addClass("tree-file")

$(icons[0]).removeClass("tree-offline")

}

else {

$(icons[0]).addClass("tree-offline")

$(icons[0]).removeClass("tree-file")

}

}

找到zTree相关的zTreeStyle.css文件，增加相应的样式，避免继承Bootstrap框架的样式。 如ztree li ul.line{ height: 80%} 这样就能避免继承了。