Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 11487
  • Last Modified:

How to open all child nodes using jsTree

I am using jsTree to create a tree.  I would like to have all of the child nodes automatically open and expand when a parent node is selected.  Can anyone give me an example of how I can do this?

I am able to bind open_node to my tree but I haven't figured out how to get the ID of the selected node.

	
$("#my_tree").bind("open_node.jstree", function (e, data) {

// how do I get the id of the selected node?
			$.jstree._reference("#my_tree").open_all('#Selected_id');

	});

Open in new window


Thank you for your help
0
WestCoast_BC
Asked:
WestCoast_BC
  • 3
1 Solution
 
Jagadishwor DulalBraces MediaCommented:
Try using:
var $treeview = $("#my_tree");
$treeview 
  .jstree(options)
  .on('loaded.jstree', function() {
    $treeview .jstree('open_all');
  });

Open in new window

0
 
WestCoast_BCAuthor Commented:
Thank you for your help.  I have solved my problem by doing the following:

$("#my_tree").bind("open_node.jstree", function (e, data) 
{
	$(data.rslt.obj).find('li').each(function (i) 
	{
       		data.inst.open_node($(this));
	});
});

Open in new window

0
 
WestCoast_BCAuthor Commented:
The code that I submitted in my last comment solved my problem
0
 
WestCoast_BCAuthor Commented:
My code that I submitted solved my problem
0
 
Khaled webdevCommented:
I think I have found best solution inspired from the accepted one:

To close all childrens: (tested)

$("#my_tree").bind("close_node.jstree", function (e, data) {
                data.inst.close_all(data.rslt.obj);
                return false;
            })

Open in new window


To open all childrens (not tested yet)
$("#my_tree").bind("close_node.jstree", function (e, data) {
                data.inst.close_all(data.rslt.obj);
                return false;
            })

Open in new window

0

Featured Post

Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now