Question

22

How do I open all nodes in jquery Jstree?

rated 0 times [ 25] [ 3] / answers: 1 / hits: 62638 / 12 Years ago, wed, june 13, 2012, 12:00:00

I am using the following code:

$("#treeview").jstree();

$("#treeview").jstree('open_all');

With the following html:

<div id="treeview">

  <ul>

    <li>

      <a href="#">RTB</a>

      <ul>

        <li>

          <a href="#" onclick="goTo('index.php?module=alarm&amp;pagina=dashboard&amp;id=6',false);">Beneden</a>

        </li>

        <li>

          <a href="#" onclick="goTo('index.php?module=alarm&amp;pagina=dashboard&amp;id=7',false);">Boven</a>

        </li>

      </ul>

    </li>

  </ul>

</div>

My problem is that all nodes stay closed, I can't get them to open with jstree('open_all');.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jonrened

Add To Favorites

Follow

Total Points: 627

Total Questions: 114

Total Answers: 99

Location: Zimbabwe

Member since Thu, Jul 21, 2022

2 Years ago

jonrened questions

1 Jest Received: serializes to the same string

Mon, Nov 2, 20, 00:00, 4 Years ago

1 Keeping placeholder on react-select

Tue, May 19, 20, 00:00, 4 Years ago

1 How to show the first item by default in a dynamic Antd form?

Sat, May 16, 20, 00:00, 4 Years ago

1 querySelectorAll to include self

Tue, Jan 21, 20, 00:00, 4 Years ago

1 Compare two nested array and objects for find difference

Thu, Nov 7, 19, 00:00, 5 Years ago

View All

answered 12 Years ago charlesmarions · Accepted Answer

The jsTree documentation is sub optimal. The docs don't clearly state that the initialization works asynchronously. There's core.loaded():

A dummy function, whose purpose is only to trigger the loaded event. This event is triggered once after the tree's root nodes are loaded, but before any nodes set in initially_open are opened.

This suggests an event loaded.jstree is fired after the tree is setup. You can hook into that event to open all your nodes:

var $treeview = $(#treeview);

$treeview

  .jstree(options)

  .on('loaded.jstree', function() {

    $treeview.jstree('open_all');

  });