Question

我正在使用GetOrgChart创建组织结构图。

所有内容都运行顺畅，但是，它不允许您折叠其他节点并保持当前节点打开。

请查看JSFiddle示例，我是从那里演示的。

documentation中列出了一种方法expandOrCollapse，但没有详细说明其工作原理。

我只是想知道这在GetOrgChart组件中是否可行。

提前致谢。

Answer 1

您可以使用expand方法。

这是方法expand（node，callback）

的签名

node - 是节点对象，如果您知道要扩展节点对象的节点的id是orgchart.nodes [“expandToThisId”]
回调 - 组织图将通过动画扩展到指定节点，动画完成时将调用回调方法

例如：

＆＃13;

        var orgchart = new getOrgChart(document.getElementById("people"),{		
        		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"]);

＆＃13;

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

＆＃13;

<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>

＆＃13;

保持当前节点打开并折叠GetOrgChart

1 个答案: