Làm cách nào để mở tất cả các nút trong jquery Jstree?

Question

Tôi đang sử dụng đoạn mã sau:

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

Với html sau:

<div id="treeview"> 
    <ul> 
    <li> 
     <a href="#">rubentebogt</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> 

Vấn đề của tôi là tất cả các nút ở lại đóng cửa, tôi không thể nhận được chúng để mở với jstree (' mở tất cả');

Answer 1

jsTree documentation là "tối ưu phụ". Các tài liệu không nêu rõ rằng việc khởi tạo hoạt động không đồng bộ. Có core.loaded():

Chức năng giả có mục đích chỉ kích hoạt sự kiện được tải. Sự kiện này được kích hoạt một lần sau khi các nút gốc của cây được nạp, nhưng trước khi bất kỳ nút nào được đặt trong initial_open được mở ra.

Điều này cho thấy sự kiện loaded.jstree được kích hoạt sau khi cây được thiết lập. Bạn có thể móc vào sự kiện đó để mở tất cả các nút của bạn:

var $treeview = $("#treeview"); 
$treeview 
    .jstree(options) 
    .on('loaded.jstree', function() { 
    $treeview.jstree('open_all'); 
    }); 

Answer 2

Nếu bạn muốn mở tất cả các nút khi cây nạp:

$("#treeview") 
    // call `.jstree` with the options object 
    .jstree({ 
     "plugins" : ["themes", "html_data","ui","crrm","sort"] 
    }) 
    .bind("loaded.jstree", function (event, data) { 
     // you get two params - event & data - check the core docs for a detailed description 
     $(this).jstree("open_all"); 
    })  
}); 

Answer 3

.bind("loaded.jstree", function (event, data) { 
     // you get two params - event & data - check the core docs for a detailed description 
     $(this).jstree("open_all"); 
    }) 

Answer 4

tất cả các câu trả lời ở trên không làm việc trong không gian làm việc của tôi. tôi đã tìm kiếm một lần nữa và tìm thấy liên kết này (Why doesn't jsTree open_all() work for me?) là hữu ích, và gửi câu trả lời của tôi: phiên bản

jstree: 3.0.0-bata10

$(document).ready(function() { 
    $("#tree").bind("loaded.jstree", function(event, data) { 
    data.instance.open_all(); 
    }); 
    $("#tree").jstree(); 
}) 

Answer 5

Tôi đang sử dụng phiên bản 3 của jstree và Chrome. Sự kiện nạp không làm việc cho tôi, nhưng sự kiện đã sẵn sàng làm, ngay cả sau khi dụ jstree đã được tạo ra:

$('#treeview').on('ready.jstree', function() { 
    $("#treeview").jstree("open_all");   
}); 

http://www.jstree.com/api/#/?q=.jstree%20Event&f=ready.jstree

Answer 6

sử dụng đơn giản đang

$(".jstree").jstree().on('loaded.jstree', function() { 
    $(".jstree").jstree('open_all'); 
}) 

Answer 7

Khi sử dụng dữ liệu html ' bạn có thể thiết lập lớp mở jstree trên bất kỳ phần tử <li> nào để làm cho nó mở rộng ban đầu, sao cho trẻ em của nó có thể nhìn thấy. ' - https://www.jstree.com/docs/html/

<li class="jstree-open" id="node_1">My Open Node</li> 

Answer 8

Tôi đã thử tất cả các câu trả lời ở đây và chúng không hoạt động với jsTree (v3.3.4). Điều gì đã làm việc là sự kiện load_node.jstree:

.on('load_node.jstree', function() { 
     jstree.jstree("open_all"); 
    })