jstree

Started playing around with jQuery and the jsTree plugin yesterday, and have it successfully loading the tree with an AJAX call to a servlet. Now, I would like to have the tree open all the nodes after loading so I added a success function to the ajax attribute. However, I cannot seem to get the open_all() method to work properly. I'm very new to working with jQuery so I'm guessing it's something simple that I'm doing wrong. Firebug isn't showing any errors which rules out the dumb error of mistyped method name. I checked the documentation and I think I'm doing everything correctly according

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? Turns out is is as simple as calling: tree.jstree("refresh"); At version 3 you can reload the tree : $('#treeId').jstree(true).settings.core.data = newData; $('#treeId').jstree(true).refresh(); Aigiz var tree = jQuery.jstree._reference("#files"); tree.refresh(); or var tree = jQuery.jstree._reference("#files"); var currentNode = tree._get_node(null, false); var parentNode = tree._get_parent(currentNode); tree.refresh(parentNode); for jstree3 . I use destroy() function

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); } Nodes in jsTree are essentially wrapped list items. This will get you a reference to the first one. var n = $.tree.focused().get_node('li:eq(0)') You can replace $.tree.focused() if you have a reference to the tree. To get the id, take the first matched element if (n.length) id = n[0].id or you can use the jQuery attr function, which

$("#ifTree").jstree({ "plugins" : ["themes","html_data","ui","crrm"], "themes" : { "theme" : "apple", "dots" : true, "icons" : false } }); $("#createIf_c").click(function () { $("#ifTree").jstree("create",null,"inside", { "data" :{ title:"if",value:"expression"} }, function() {}, true); }); $("#display").click(function(){ var a = $.jstree._focused().get_selected(); alert(a.attr("value")); }); In this above code I have created a jstree and upon click of a button with id #createIf_c I am adding a node with title "if" but as I want some more data to be associated with this node , I have added

I wish to replace the entire contents of a jstree tree with new json data. I'm using jsTree 1.0 downloaded July 25, 2011 from github Say I have this function... function init_my_tree(my_json_data) { $("#demo1").jstree({ themes: { "theme": "classic", "dots": false, "icons": true, "url": "//js.myliburl.com/jstree/themes/classic/style.css" }, json : { data : my_json_data }, plugins : [ "core","ui","themes", "json" ] }); } where demo1 refers to a <div id="demo1"></div> What I'm trying to do is to completely replace the tree with new data that I load from my server. For purposes of this question,

I have a simple HTML layout that looks like this: <div id="foo"> <ul> <li id="id1"><a href="#">some category 1</a> <ul><li><a href="#">some text</a></li></ul> <ul><li><a href="#">some text</a></li></ul> </li> <li id="id2"><a href="#">some category 2</a> <ul><li><a href="#">some text</a></li></ul> <ul><li><a href="#">some text</a></li></ul> </li> </ul> </div> The jstree definition looks like this $('#foo').jstree({ "core" : { "animation" : 0 }, "themes" : { "theme" : "classic", "dots" : false, "icons" : true }, "sort" : function (a, b) { return this.get_text(a) > this.get_text(b) ? 1 : -1; },