CODEWITHSUNDEEP
javascriptjqueryjstree
LGAP
LGAP

Reputation: 2463

Disable JSTREE check box

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.

Upvotes: 3

Views: 5181

Answers (1)

Wolf
Wolf

Reputation: 2150

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
    }
});

Upvotes: 3

Related Questions