NoFlo-Ui를 그룹 선택으로 확장하는 방법

Question

noflo UI에 기능을 추가하려고합니다. 그룹을 선택하고 그룹 이름과 설명을 표시하는 패널을 표시하려고합니다. 패널은 도움말 패널과 같은 위치에 표시됩니다. 그룹 패러다임을 확장하기위한 첫 번째 단계로이 작업을 수행하려고합니다. (나는 그 메타 데이터를 편집하는 사용자가 많은 그룹 메타 데이터를 추가 허용 할 수 있도록하고 싶습니다.)

문제점을

내가 선택한 그룹 모음의 후크를 넣어 위치를 찾을 수 없습니다 . (또는 선택한 그룹 속성). 내가 선택한 노드의 컬렉션 구현 방법을 검토 한하지만 theGraph/thegraph-editor.html의 selectedNodes 속성 사이의 연결은

나는 application/fbp 스크립트를 살펴 보았다 (elements/noflo-node-inspector.html 및 elements/noflo-context.html에서) 노드 - 관리자의 노드 속성에 연결 index.html에 있지만 그 중 어느 것도 선택된 노드 속성에 부식되지 않는 것으로 보입니다.

[질문 내가 theGraph의 속성을 만들고 noflo-ui에 해당 속성을 볼 수있는 방법

?

Answer 1

구현 selectedGroups 간단한 selectedNodes 검색보다 더 복잡했다. (-group.js 더 - 그래프는 그래프-graph.js)

이벤트 핸들러 (더 - 그래프 group.js)

을

1. onNodeSelection : 특히 내가 찾아위한 equivilent 코드를 작성했다

2. 노드 이벤트 (더 - graph.html)는

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

3. 는 noflo-context.html noflo 문맥의

4. nodesChanged 속성/이벤트 핸들러 속성 노드 .html 중에서
5. 노드 인포 noflo 문맥의 특성과 그래프 편집기 중합체 (index.html을) GraphEditor 노드 사이
6. FBP 링크 -> 컨텍스트 (index.html을)
7. 노드 GraphEditor.NODES을 외항 NODES : NODES
8. 는 답변

Answer 2

대답은 selectedNodes 및 selectedEdges와 동일한 방식입니다. 그래프 (React)와 noflo-ui (Polymer) 사이의 바인딩이 발생합니다.

나는 그룹 관리자에 대한 기능 요청을 추가 : https://github.com/noflo/noflo-ui/issues/217