javascript - Fancytree:删除没有子节点的节点

Question

我想删除选定的节点并将所有子节点移动到它的位置。我使用代码:

ref = $('#tree').fancytree("getTree"),
searchIDs = ref.getSelectedNodes();

searchIDs.forEach(function(node){
 $children = node.children;
 if ($children!==null)node.parent.addChildren($children,node.getNextSibling());
 node.remove();
});

其中 #tree 是带有 ul\li 的 div。如果 Nodes > 1，我会收到错误“Uncaught TypeError: Cannot call method 'addChildren' of null”，并且仅删除一个节点。

Answer 1

我建议使用node.moveTo()相反:

var tree = $("#tree").fancytree("getTree"),
    selNodes = tree.getSelectedNodes();

selNodes.forEach(function(node) {
    while( node.hasChildren() ) {
        node.getFirstChild().moveTo(node.parent, "child");
    }
    node.remove();
});

请注意，当所选节点是其他所选节点的后代时，您可能需要添加一些特殊处理，例如迭代反向或丢弃嵌套节点。