如何在單獨的輸入中手動設置節點和鏈接文本？

Question

我有一個簡單的python flask應用程序，可在其中將JSON數據發送到HTML並使用goJS顯示如下圖：

我想更改輸入中的選定節點文本，當我單擊"update node text"按鈕時，我想用input文本更新節點文本。 我設法借助此圖偵聽器獲取節點文本：

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為真，並添加一個雙向綁定 TextBlock.text的一些數據屬性。 這使用戶可以就地編輯文本，而不是在單獨的HTML字段中進行編輯。

但是在HTML字段中編輯屬性是很常見的。 假設從節點的某些數據屬性到TextBlock.text屬性至少存在一種綁定方式，則文本區域的模糊（或更改？）事件處理程序只需在事務內調用Model.setDataProperty 。 閱讀有關修改模型和事務的更多信息。

最后，如果您擁有一堆要允許用戶編輯的屬性，尤其是如果屬性的數量可能有所不同，則可能需要使用GoJS DataInspector 。 組織結構圖編輯器示例和數據檢查 器示例對此進行了演示。