JS樹 - 選擇所有子節點時選擇父節點

Question

我正在使用JSTree。當你檢查一個節點時，我想看看它的所有兄弟節點是否也被選中，如果是，我想選擇父節點並取消選擇所有的子節點。我如何用JsTree實現這一點？

Answer 1

您可能需要調整，以適合您的情況，但是這應該是基本上你需要的東西：

$(jsTreeSelector).on("select_node.jstree", function (node, selected) { 
    var parentNode = $(jsTreeSelector).jstree(true).get_parent(selected.node.id); 
    var siblingNodes = $(jsTreeSelector).jstree(true).get_children_dom(parentNode); 
    var allChecked = true; 
    $(siblingNodes).each(function() { 
     if (!$(this).children('.jstree-anchor').hasClass('jstree-clicked')) allChecked = false; 
    }); 
    if (allChecked) { 
     $(siblingNodes).each(function() { 
      $(jsTreeSelector).jstree(true).deselect_node(this); 
     }); 
     $(jsTreeSelector).jstree(true).select_node(parentNode); 
    } 
}); 

確保three_state設置爲false樹中的配置