JsTree how to create a root node

javascript jstree
sokid picture sokid · Aug 1, 2012 · Viewed 12.2k times · Source

How to create a root node using 'create' method

Root
 |___ Child1
 |___ Child2

I am using JsTree, by using 'json_data' I can able to create nodes, but I want to create all nodes dynamically using 'create' method.

Please help me....

Answer

Mr. Lance E Sloan picture Mr. Lance E Sloan · Mar 24, 2014

As of version 3.0.0-beta10 of jsTree, to create a top-level node, the reference for the parent is "#". For example:

$("#jstree").jstree('create_node', '#', {'id' : 'myId', 'text' : 'My Text'}, 'last');

The older answer given here didn't work with that version of jsTree.

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