ExtJS4 treepanel change node color

Question

I have a treepanel in Extjs4 with some of it's nodes are checked in the json code with "checked: true".

I want to change the color of only the checked nodes from black to another color.

I hope my question is clear and thank you for helping.

Answer 1

You can use Ext.tree.View getRowClass method for setting your own css class for checked nodes.

In your treepanel config you can use something like this:

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store){
        return record.get("checked") ? "row-checked" : "row-unchecked";
    }
}