Disable the whole jsTree

javascript jquery jstree
Narine Cholakian picture Narine Cholakian · Jan 19, 2016 · Viewed 11.2k times · Source

I'm using jsTree and have a form on the right of it based on the selected node that can be edited/saved. The goal is to prevent the user from clicking anywhere else on the tree while they are editing the form.

Is there any way to temp disable/enable the tree functionality while still keeping the tree visually available?

I tried using the disable_node(obj) method and apply it to the root of the tree but doesn't seem to be a solution.

Any suggestions? Or this is not a possible feature for the jsTree lib?

Thanks

Answer

Nikolay Ermakov picture Nikolay Ermakov · Jan 20, 2016

To disable selected node do it this way:

var node = $("#tree").jstree().get_selected();
$("#tree").jstree().disable_node(node);

To disable all nodes use:

$('#tree li').each( function() {
    $("#tree").jstree().disable_node(this.id);
})

UPDATED

I didn't find a way to prevent opening a disabled node so I'm just disabling all the children of a closed node too.

See demo: Fiddle

Related questions

How do I get the id of the selected node in jsTree?

How can I get the id of the selected node in a jsTree? function createNewNode() { alert('test'); var tree = $.tree.reference("#basic_html"); selectedNodeId = xxxxxxxxx; //insert instruction to get id here tree.create({ data : "New Node Name" }, selectedNodeId); }

Read More
jsTree Open a branch

I am using the JQuery plugin jsTree, http://www.jstree.com/ I am able to expand the whole tree with the following method: $("#tree").jstree("open_all"); and also a specific node: $("#tree").jstree("open_node", $('#childNode')); I am …

Read More
How do i open all nodes in jquery Jstree?

i'm using the following code: $("#treeview").jstree(); $("#treeview").jstree('open_all'); With the following html: <div id="treeview"> <ul> <li> <a href="#">rubentebogt</a> <ul> <li> &…

Read More