GetOrgChartの現在のノードを開いて他のノードを閉じます

Question

私はGetOrgChartを組織図の作成に使用しています。

すべてがスムーズできれいですが、他のノードを折りたたんで現在のノードを開いたままにすることはできません。

JSFiddleの例を参照してください。私はそこからデモを取り出しました。

expandOrCollapseはdocumentationに記載されていますが、詳細な説明はありません。

これはGetOrgChartコンポーネントでも可能です。

ありがとうございます。

Answer 1

拡張メソッドを使用できます。あなたはノードのオブジェクトを展開するノードのIDがorgchart.nodes知っている場合は、ノードオブジェクトである - ここで

は（ノード、コールバック）

• ノードはメソッドのシグネチャが拡大されます【「expandToThisId」]
• コールバック - 組織図をアニメーションで指定されたノードに拡張するには、コールバックメソッドが呼び出される場合

完了し、例えばアニメーション：

 var orgchart = new getOrgChart(document.getElementById("people"),{ \t \t 
 
     \t \t expandToLevel: 2, 
 
      scale: 0.5, 
 
      dataSource: [ 
 
       { id: 1, parentId: null, Name: "1"}, 
 
       { id: 2, parentId: 1, Name: "2"}, 
 
       { id: 3, parentId: 1, Name: "3"}, 
 
       { id: 4, parentId: 2, Name: "4"}, 
 
       { id: 5, parentId: 2, Name: "5"}, 
 
       { id: 6, parentId: 3, Name: "6"}, 
 
       { id: 7, parentId: 3, Name: "7"}, 
 
       { id: 8, parentId: 5, Name: "8"}, 
 
       { id: 9, parentId: 5, Name: "9"}] 
 
     }); 
 
     
 
     orgchart.expand(orgchart.nodes["5"]); 
 
    

html, body {margin: 0px; padding: 0px;height: 100%; overflow: hidden; } 
 
#people {width: 100%;height: 100%; }

<link href="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.css" rel="stylesheet"/> 
 
<script src="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.js"></script> 
 
<div id="people"></div>