Disable JSTREE check box

Question

Just curious to know if there is any way in JSTREE to disable checkbox?

I basically need to disable(not deselect) all my selected child nodes when I click on the parent node.

Answer 1

You need to create a new type(disabled) for this. It can be done as follows

   "types" : {
        "types": {
        "disabled" : { 
              "check_node" : false, 
              "uncheck_node" : false 
            } 
        }
    }

and then assign that type as

.set_type("disabled", "#node5");

More documentation is here.

For disabling all child nodes, create an event handler for the change_state event

$("#treeElement").bind("change_state.jstree", function (e, d) {
    var node = d.args[0];
    // here disable all child nodes
    }
});