jQuery jstree全体を切り替えます

Question

ボタンでツリー全体を開いたり閉じたりすることはできますか？

私は、ツリーのすべてのノードとサブノードを開くために、私は次のようにopen_all関数を呼び出す必要があることを知っている：$("#tree").jstree('open_all');

とノードを切り替えるために：第1位はのIDです$("#tree").jstree("toggle_node","#1");最初の子供。

しかし、トグル機能はノードのすべてのサブノードを拡張しません。半開きの木も開けません。私はボタンクリックでopen_allとclose_allを呼び出すことができますが、ツリーを開くか閉じなければならないかのように、呼び出すメソッドを見つけるにはどうすればいいですか？

Answer 1

私はopen_nodeを使用して、すべての子を展開するためにルートノードの識別子を渡しました。それは私のためにうまく動作します。

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

Answer 2

峠-1ツリー全体のために：

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

あなたはclose_all機能を使用することができ、すべてを閉じるには：

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

あなたがまた開かれたノードを覚えておくことがsave_openedを使用することができます後でreopen機能で再度開くことができます。

​​をご覧ください。

Answer 3

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

オープン切り替わります これに答えるمحمدیبهنام@この

Answer 4

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 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

<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>