如何用组选择扩展NoFlo-Ui

Question

我试图向noflo添加功能，我希望能够选择组并显示显示组名和描述的面板。(该面板将显示在与帮助面板相同的位置。)我试图将此作为扩展组范例的第一步。(我希望能够添加更多的组元数据，并允许用户编辑该元数据。)

问题

我找不到将所选组集合的钩子放在哪里。(或选定的组属性)。我查看了所选节点集合的实现方式，但是theGraph/thegraph-editor.html中的theGraph/thegraph-editor.html属性之间的连接连接到节点检查器的节点属性(在elements/noflo-node-inspector.html和elements/noflo-context.html中)

我看过application/fbp脚本在index.html中，但它们似乎都没有腐蚀到选定的节点属性。

问题

如何在theGraph中创建属性并在noflo-ui中查看该属性

Answer 1

实现selectedGroups比简单的selectedNodes搜索要复杂得多。具体来说，我必须找到并编写相应的代码，以便：

1. onNodeSelection (图-群.the，图-图.the)
2. 事件处理程序(图-组.the)
3. 节点事件(-Graph.html) //这是this.fire(“节点”，this.selectedNodes) //注意从selectedNodes属性到节点事件的转换
4. noflo-context.html的节点属性
5. nodesChanged属性/事件处理程序的noflo-context.html
6. noflo上下文和图形编辑器聚合体(index.html)的节点导入属性
7. GraphEditor节点之间的fbp链接->节点上下文(index.html)
8. 节点输出GraphEditor.NODES:NODES
9. 节点属性声明为-图形编辑器聚合体的属性(-图-edor.html)

Answer 2

答案将与selectedNodes和selectedEdges的工作方式相同。-图(React)和noflo(聚合物)之间的结合发生在那里.

我为组检查器添加了一个特性请求：https://github.com/noflo/noflo-ui/issues/217