Question

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

问题

我无法找到所选群组集合的挂钩位置。（或选择组属性）。我已经查看了所选节点集合的实现方式，但theGraph/thegraph-editor.html中selectedNodes属性之间的连接连接到了节点检查器的nodes属性（elements/noflo-node-inspector.html和elements/noflo-context.html }）

我查看了index.html中的application/fbp脚本，但似乎没有一个脚本与选定的节点属性相反。

问题

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

Answer 1

实施selectedGroups比简单的selectedNodes搜索更复杂。具体而言，我必须为以下内容找到并编写等效代码：

onNodeSelection（-graph-group.js，the-graph-graph.js）
事件处理程序（-graph-group.js）

节点事件（-graph.html）

//This is where things get confusing
this.fire('nodes', this.selectedNodes)
// Note the transition from the selectedNodes property to the nodes event

noflo-context.html的节点属性
noflo-context.html
节点inports属性noflo-context和-graph-editor聚合物（index.html）
GraphEditor NODES之间的fbp链接 - ＆gt; NODES Context（index.html）
节点输出GraphEditor.NODES：NODES
将属性声明作为-graph-editor聚合物的属性（-graph-editor.html）

Answer 2

答案与selectedNodes和selectedEdges的工作方式相同。图形（React）和noflo-ui（聚合物）之间的结合发生在那里。

我为群组检查员添加了功能请求：https://github.com/noflo/noflo-ui/issues/217

如何使用组选择扩展NoFlo-Ui

2 个答案: