gpt4 book ai didi

javascript - GoJS在不知道父节点 key 的情况下删除子节点

转载 作者:行者123 更新时间:2023-12-03 10:47:39 24 4
gpt4 key购买 nike

我有一个带有自定义模型的 goJS 图。当将一个节点放到另一个节点上时,我会在 mouseDrop 触发时链接它们,并在图上的链接数据中设置 from 和 to 。模型:

mydiagram.model.addLinkData({ from: oldNodeModel.key, to: dragNodeModel.key });

这一切都运行良好。在我的节点模板中,我有一个自定义模板,它在节点周围放置一个带有删除按钮的面板。这个删除按钮只是一个带有点击事件的图像。

现在,当我单击删除图像/按钮时,我想立即删除它及其所有子节点。

我的问题是我找不到 children 。

我有像 findNodesOutOf 这样的用户事件,它不会产生任何结果,而 findNodesConnected 会查找父节点和子节点并删除大量节点 - 这不是我想要的。

知道如何解决这个问题吗?

最佳答案

您可以使用diagram.selection获取要删除的项目:

var nodeToDelete = mydiagram.selection.iterator.first();

接下来要查找该节点的所有子节点,我建议使用递归函数,该函数将执行以下操作:

  1. 记入要删除的节点,
  2. 使用 mydiagram.getChildrenNodes(nodeToDelete) 查找与其连接的所有节点
  3. 迭代连接的节点
  4. 使用 linkNodeModel 检查每个节点是否是子节点,并检查链接是否从当前节点到子节点。
  5. 然后用这个子节点再次调用递归函数
  6. 递归函数将返回一个包含所有子节点的数组

然后您可以删除它们。

您的代码将如下所示:

function deleteNode()
{
// TAKE NOTE - This will get all selections so you need to handel this
// If you have multiple select enabled
var nodeToDelete = mydiagram.selection.iterator.first();
var childNodes = getChildNodes(deletedItem);

//Remove linked children
$.each(childNodes, function()
{
myDiagram.remove(this);
});

// Then also delete the actual node after the children was deleted
// TAKE NOTE - This will delete all selections so you need to handle this
// If you have multiple select enabled
mydiagram.commandHandler.deleteSelection();
}

递归函数不断检查每个节点的子节点并将它们添加到数组中:

function getChildNodes(deleteNode)
{
var children = [];
var allConnected= deleteNode.findNodesConnected();

while (allConnected.next())
{
var child = allConnected.value;

// Check to see if this node is a child:
if (isChildNode(deleteNode, child))
{
// add the current child
children.push(child);

// Now call the recursive function again with the current child
// to get its sub children
var subChildren = getChildrenNodes(child);

// add all the children to the children array
$.each(subChildren, function()
{
children.push(this);
});
}
}

// return the children array
return children;
}

此函数将通过查看图中的链接并检查当前节点和子节点来检查该节点是否为子节点:

function isChildNode(currNode, currChild)
{
var links = myDiagram.links.iterator;
while (links.next())
{
// Here simply look at the link to determine the direction by checking the direction against the currNode and the child node. If from is the current node and to the child node
// then you know its a vhild
var currentLinkModel = links.value.data;
if (currentLinkModel.from === currNode.data.key && currentLinkModel.to === currChild.data.key)
{
return true;
}
}
return false;
}

关于javascript - GoJS在不知道父节点 key 的情况下删除子节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28511295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com