javascript - 如何在单独的输入中手动设置节点和链接文本？

Question

我有一个简单的 python Flask 应用程序，我将 JSON 数据发送到我的 HTML 并使用 goJS 显示我的图表，如下所示:

我想更改输入中选定的节点文本，当我单击“更新节点文本” 按钮时，我想使用输入中的文本更新节点文本。我设法借助此图监听器获取节点文本:

myDiagram.addDiagramListener("ObjectSingleClicked", function(e) {
  console.log("clicked!");
  var part = e.subject.part;
  //part.data is the node object
  if (!(part instanceof go.Link)) {
    console.log("its not link!");
    console.log(part.data);
    document.getElementById("nodeText").value = part.data.text;

  } else {
    console.log("its link!");
  }
});

我一直在更新节点文本，但不知道该怎么做。我也想用链接文本做同样的事情。我进行了搜索和谷歌搜索，但没有针对此案例的解决方案或示例。任何帮助将不胜感激。

Answer 1

首先我应该说，允许用户编辑图表中文本的最常见方法是设置 TextBlock.editable为 true 并添加 TwoWay Binding TextBlock.text 到某些数据属性。这允许用户就地编辑文本，而不是在单独的 HTML 字段中。

但是在 HTML 字段中编辑属性是很常见的。假设至少有一种方法可以将某些数据属性绑定(bind)到节点中的 TextBlock.text 属性，则文本区域的模糊(或更改？)事件处理程序只需要调用 Model.setDataProperty在一笔交易内。了解更多关于 modifying models和 transactions .

最后，如果您希望允许用户编辑一堆属性，特别是如果属性数量可能有所不同，您可能需要使用 GoJS DataInspector 。 Org Chart Editor sample 证明了这一点和 Data Inspector sample .