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

Javascript 如何使用组选择扩展NoFlo Ui,javascript,node.js,noflo,Javascript,Node.js,Noflo,我正在尝试向noflo用户界面添加功能,我希望能够选择组并显示一个显示组名称和描述的面板。(该面板将显示在与帮助面板相同的位置。)我尝试将此作为扩展组范例的第一步。(我希望能够添加更多的组元数据,并允许用户编辑该元数据。) 问题 我找不到放置所选组集合的挂钩的位置。(或选定的组属性)。我已经研究了selected nodes集合的实现方式,但是theGraph/theGraph editor.html中selected nodes属性之间的连接连接到节点检查器的nodes属性(在elements

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

问题

我找不到放置所选组集合的挂钩的位置。(或选定的组属性)。我已经研究了selected nodes集合的实现方式,但是
theGraph/theGraph editor.html
中selected nodes属性之间的连接连接到节点检查器的nodes属性(在
elements/noflo node inspector.html
elements/noflo context.html

我已经查看了index.html中的
应用程序/fbp
脚本,但它们似乎都与selected nodes属性不符

问题


如何在图形中创建一个属性,并在noflo ui中查看该属性?

答案与和Selectedges的工作方式相同。图形(React)和noflo ui(聚合物)之间的结合发生在那里


我为组检查器添加了一个功能请求:

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

  • onNodeSelection(the-graph-group.js,the-graph-graph.js)
  • 事件处理程序(图组.js)
  • 节点事件(graph.html)

  • noflo-context.html的nodes属性

  • noflo-context.html的nodesChanged属性/事件处理程序
  • noflo上下文和图形编辑器(index.html)的属性中的节点
  • GrapherEditor节点->节点上下文(index.html)之间的fbp链接
  • 节点输出图示编辑器。节点:节点
  • 节点属性声明作为graph editor(graph editor.html)的属性

  • 感谢您的回答,我在尝试搜索并实现图上选定节点(您链接到的搜索)和context.nodes属性之间的链中的所有链接失败后发布了此问题。请参阅我的答案,了解我为使其正常工作而必须采取的其他步骤。
    //This is where things get confusing
    this.fire('nodes', this.selectedNodes)
    // Note the transition from the selectedNodes property to the nodes event