mxGraph를 사용하여 계층 적 트리 편집기 구현

Question

mxGraph를 사용하여 대화 트리 편집기를 구현하고 싶습니다.

나는 워크 플로 제작자 예제 [1]로 시작하여 코드를 사용자의 필요에 맞게 사용자 정의하려고합니다. 하위 프로세스 템플리트를 노드 및 지정 커넥터로 사용하여 그래프를 그리면 완벽하게 작동합니다. 그러나 그래프 이 누락 된 것 같습니다. 연결 한 노드 수에 관계없이 툴팁에 항상 "Children : 0"이 표시됩니다. 원본 샘플 코드에서도 마찬가지입니다.

계층 적 상위 - 하위 레이아웃을 따르도록 그래프를 명시 적으로 구성 할 수 있습니까?

[1] https://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html

Answer 1

아이들은 당신이 생각 생각하지 무엇인가.

어린이는 무엇입니까? 현재 셀이 부모 인 셀입니다. 부모 란 무엇입니까? 그것을 시도하십시오 : 상자를 추가하고 마우스 오른쪽 단추로 클릭 한 다음 "그룹 입력"을 클릭하십시오. 원하는 경우 하위 프로세스에 있습니다. 거기에 상자 몇 개를 놓은 다음 캔버스 '출구 그룹'을 마우스 오른쪽 버튼으로 클릭하십시오. 이제 자식 셀이있는 부모 셀이 있습니다.

당신이하려는 것은 박스 간의 연결을 읽는 것입니다. how to traverse the graph을 보거나 수동으로 구현할 수도 있습니다. 매우 간단합니다.