Переключить весь JQuery Jstree

Question

Можно ли открыть и закрыть все дерево с помощью кнопки?

Я знаю, что для того, чтобы открыть все узлы и подузлы дерева, я должен вызвать функцию open_all, например: $("#tree").jstree('open_all');

И для переключения узла: $("#tree").jstree("toggle_node","#1");, где # 1 - идентификатор первого дочернего элемента.

Но функция переключения не расширяет все подузлы узла.И при этом это не открывает полуоткрытое дерево.Я могу вызывать open_all и close_all по нажатию кнопки, но как мне найти, какой метод вызвать, как выяснить, нужно ли открывать или закрывать дерево?

Answer 1

Пропуск -1 для всего дерева:

$("#tree").jstree("open_all", -1);

Чтобы закрыть все, вы можете использовать функцию close_all:

$("#tree").jstree("close_all", -1);

Вы также можете использовать save_opened, чтобы запомнить, какие узлы открыты, а затем открыть их позже с помощью функции reopen.

Посмотрите документацию .

Answer 2

function toggle(){
    var open=true;
    $(".jstree").jstree().on('loaded.jstree', function () {
         if(open){
              $(".jstree").jstree('close_all');
         }else{
              $(".jstree").jstree('close_all');
         }    
         open=!open; 
    });
}

Answer 3

$("#treepanel").jstree("open_node", $('li[id="' + nodeId + '"]'), function() {
   alert("node is added")
});

попробуйте это

Answer 4

<img onclick="jstreeToggleState()" src='toggle-image.jpg'></img>

  <script>
   var isTreeOpen = false;

   function jstreeToggleState() {

        if(isTreeOpen){
              $(".jstree").jstree('close_all');
         }else{
              $(".jstree").jstree('open_all');
         }    
         isTreeOpen =! isTreeOpen; 
  }
</script>

Answer 5

спекуляция на @ بهنام محمدی ответ Это приведет к открытию и закрытию кнопки следующим образом:

<button class="product-expand" onclick="toggle()">Toggle Open/Close</button>

var open = false;
function toggle(){
   if(open){
    $("#prodtree").jstree('close_all');
    open = false;
   }
   else{
    $("#prodtree").jstree('open_all');
    open = true;
   }
}

Answer 6

Я использовал open_node и передал идентификатор корневого узла, чтобы раскрыть все дочерние элементы.У меня отлично работает.

$('#tree').jstree('open_node', '#root');