programmatically add Node in jstree

javascript jstree
Sunil Madan picture Sunil Madan · Apr 24, 2015 · Viewed 15.2k times · Source

I am trying to add a new node in jstree programmatically on button click, as well as on contextmenu create click, but there is some issue.

Here is the link of fiddle.

<div id="jstree">
  </div>
<button id="sam">create node</button>

Answer

vakata picture vakata · Apr 24, 2015

Here is your fiddle, fixed to work: http://jsfiddle.net/3q9Ma/223/

You were calling create_node with an array, which was wrong, also the string value 'null' was not the correct way to create a root node - use the special string value '#' (in later versions null works too, but not as a string).

You might consider upgrading the jstree version - your fiddle was using a very early beta. Also keep in mind jstree itself does not require Angular.

Related questions

How to change icon in jstree?

I have the following code: $('.wpFolders.co_files').bind('select_node.jstree', function (event, data) { getFileById(data.args[0].hash.replace('#', '')); }).jstree({ 'plugins' : ['html_data','themes','ui','types'], 'ui' : { 'select_limit' : 1 }, 'core' : { 'animation' : 0 }, 'types': { 'default' : { 'icon' : { 'image' : …

Read More
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