Set node color based on source data

[aviramido]

First, I love the FancyTree plugin and I think it is a very good library with amazing performance, thank you very much.

I have a tree of channels, some are connected and some are disconnected, I am trying to figure out how I can utilize a property from the source data (connect = true / false) which I can define myself (it can easily be color=green / red or whatever I need), in order to set the text color of that node specifically.
All of the method I found (including extraClasses) assume that these changes are to be applied to the entire tree and I was not able to find a function a property to configure that color or a function (like getSelectedNodes()) that will offer easy access to all nodes with the property connected=true for example.

Any guidance will be very helpful.

[mar10]

Would calling mode.addClass("green") or

node.toggleClass("green", !node.data.connect)
node.toggleClass("red", node.data.connect)

whenever you set the node.data.connect property work for you?

Also extraClasses can be set per node with the JSON response.

[aviramido]

Thanks!!
I eventually solved it like this (did this before I saw your answer):
var tree = $.ui.fancytree.getTree("#channels"); tree.visit(function (node) { if (node.data.connected) { node.addClass('nodeConnected'); node.addClass('nodeConnectedIcon'); node.renderTitle(); } else { if (node.data.myIsFolder) { node.addClass('folderIcon'); node.renderTitle(); } else { node.addClass('nodeDisconnected'); node.addClass('nodeDisconnectedIcon'); node.renderTitle(); } } });

I would love to understand how I can set the extraClasses through the JSON response, is it simply adding the 'extraClasses' property in the response (that didn't work for me)?
Thanks!

[aviramido]

Again, thank for the time, I simply added
'extraClasses' and 'icon' to the properties within the JSON response and it is all done properly.

Thanks for the very quick response, it is much appreciated.