個別の入力でノードとリンクのテキストを手動で設定するにはどうすればよいですか？
Teemo
私は私が送るシンプルなPythonのフラスコアプリ持つ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!");
}
});
ノードテキストの更新に行き詰まっていて、その方法がわかりません。リンクテキストでも同じものを作りたいです。私は検索してグーグルで検索しましたが、この場合の解決策も例もありません。どんな助けでもありがたいです。
ウォルターノースウッズ
First I should say that the most common way to allow users to edit text in diagrams is to set TextBlock.editable to true and to add a TwoWay Binding of TextBlock.text to some data property. This allows users to edit the text in-place rather than in separate HTML fields.
But it is common to have editing of properties in HTML fields. Assuming there is at least a one way Binding from some data property to the TextBlock.text property in your node, your textarea's blur (or change?) event handler just needs to call Model.setDataProperty within a transaction. Read more about modifying models and transactions.
最後に、ユーザーが編集できるようにするプロパティが多数ある場合、特にプロパティの数が異なる可能性がある場合は、GoJSDataInspectorを使用することをお勧めします。これは、Org ChartEditorサンプルとDataInspectorサンプルによって示されています。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ボタンとテキスト入力をテーブルの他の行と同じ幅に設定するにはどうすればよいですか？
- 2
formArrayのマット入力のプレースホルダーに別のテキストを設定するにはどうすればよいですか？
- 3
クリックしたときにキーボードの上にテキスト入力を設定するにはどうすればよいですか？リアクトネイティブ
- 4
pygameで入力テキストボックスモジュールの条件を設定するにはどうすればよいですか？
- 5
xamarinフォーム入力フィールドの無効なテキストの色を設定するにはどうすればよいですか？
- 6
メタクラスで動的に設定されたクラス属性のヒントを入力するにはどうすればよいですか？
- 7
テキスト入力フィールドに自動幅/長さを設定するにはどうすればよいですか？
- 8
Googleフォームのドロップダウンとテキスト入力にTampermonkeyを入力するにはどうすればよいですか？
- 9
オートコンプリート入力ボックスのスタイルを設定するにはどうすればよいですか？
- 10
PDF入力可能フォームで数字とカンマ（、）のみを受け入れるテキストフィールドを設定するにはどうすればよいですか？
- 11
Springでのみコンポーネントスキャンをアノテーションで設定するにはどうすればよいですか？
- 12
ユーザーによるテキスト入力のスタイルを設定するにはどうすればよいですか？
- 13
Javaで別のXMLドキュメントの最初の子としてXMLノードを挿入するにはどうすればよいですか？
- 14
個々のノードのROSでVERBOSITYを設定するにはどうすればよいですか？
- 15
datetimepickerの入力テキストをクリアするにはどうすればよいですか？
- 16
テキストを入力した後、キャンバスの高さを設定するにはどうすればよいですか？
- 17
トラックポイント、トラックパッド、マウスの xbindkey を個別に設定するにはどうすればよいですか?
- 18
水平リストビューで、アイテムの高さを個別に設定するにはどうすればよいですか？
- 19
Tinymceのコンテキストメニューとサブメニューを動的に入力するにはどうすればよいですか？
- 20
正しいユーザー名とパスワードのテキストボックスを設定するにはどうすればよいですか？
- 21
ボタンを押したときに入力されたテキストから、このツリービューの特定のノードを検索するにはどうすればよいですか？
- 22
Flutterのテキスト入力フィールドで自動大文字化の動作を構成するにはどうすればよいですか？
- 23
クリックしたときに入力のテキストが残るフォームを作成するにはどうすればよいですか？
- 24
AngularJS：コントローラーで$ validに手動で入力を設定するにはどうすればよいですか？
- 25
高dpiモニターと低dpiモニターのスケーリングを個別に設定するにはどうすればよいですか？
- 26
高dpiモニターと低dpiモニターのスケーリングを個別に設定するにはどうすればよいですか？
- 27
コードでヒントテキストを設定するにはどうすればよいですか？
- 28
オーディオコンテキストの現在の時刻を入力type = rangeにリンクするにはどうすればよいですか？
- 29
ノートブックの各タブを個別のエンティティとして作成するにはどうすればよいですか？
コメントを追加