0

noflo ui に機能を追加しようとしています。グループを選択して、グループ名と説明を示すパネルを表示できるようにしたいと考えています。(パネルは、ヘルプ パネルと同じ場所に表示されます。) グループ パラダイムを拡張するための最初のステップとして、これを実行しようとしています。(グループ メタデータをさらに追加して、ユーザーがそのメタデータを編集できるようにしたいと考えています。)

問題

選択したグループ コレクションのフックを配置する場所が見つかりません。(または選択したグループ プロパティ)。選択したノード コレクションの実装方法を見てきましたが、 の selectedNodes プロパティ間の接続はtheGraph/thegraph-editor.html、ノード インスペクタのノード プロパティに接続します (elements/noflo-node-inspector.htmlおよびelements/noflo-context.html) 。

application/fbpindex.htmlのスクリプトを見てきましたが、選択したノード プロパティに対応するものはないようです。

質問

theGraphでプロパティを作成し、でそのプロパティを監視するにはどうすればよいnoflo-uiですか?

4

2 に答える 2

1

selectedGroups の実装は、単純なselectedNodes検索よりも複雑でした。具体的には、次の同等のコードを見つけて作成する必要がありました。

  1. onNodeSelection (the-graph-group.js、the-graph-graph.js)
  2. イベント ハンドラー (the-graph-group.js)
  3. ノード イベント (the-graph.html)

    //This is where things get confusing
    this.fire('nodes', this.selectedNodes)
    // Note the transition from the selectedNodes property to the nodes event
    
  4. noflo-context.html の nodes プロパティ

  5. noflo-context.htmlのnodesChangedプロパティ/イベントハンドラ
  6. noflo-context および the-graph-editor ポリマーのノード inports 属性 (index.html)
  7. GraphEditor NODES 間の fbp リンク -> NODES コンテキスト (index.html)
  8. ノード出力ポート GraphEditor.NODES:NODES
  9. the-graph-editor ポリマー (the-graph-editor.html) の属性としてのノード プロパティの宣言
于 2014-05-08T01:10:32.957 に答える