How to get full path of selected node in jstree?(root node to selected node)

jquery jstree
R K Sharma picture R K Sharma · Aug 20, 2014 · Viewed 7.8k times · Source

I want to build a directory management system where user can create,rename,delete directories and save files in directories. for this i am using jquery jstree. 

my jsTree is like:-

*A(root node)
  *b
  *C
    *D

and i want to get the full path of selected node on button click. if user select the *D folder then path should be "A/C/d",if user select C then path should be "A/C". any help suggestions will be appreciated

Answer

ggrandes picture ggrandes · Mar 28, 2015

I have used this:

.on('changed.jstree', function (e, data) {
  var path = data.instance.get_path(data.node,'/');
  console.log('Selected: ' + path); 
})

Related questions

Configuring jstree right-click contextmenu for different node types

I've seen an example somewhere online showing how to customise the appearance of jstree's right-click context menu (using contextmenu plugin). For example, allow my users to delete "documents" but not "folders" (by hiding the "delete" option from the context menu …

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
How can I refresh the contents of a jsTree?

I have loaded a jsTree with an AJAX call that returns JSON data. How can I refresh the tree so that it reloads its contents?

Read More