2

我正在使用 GetOrgChart，并且我正在尝试添加一个函数，因此当您关闭顶层然后再次展开它时，它应该只在它下面直接显示孩子。

这是我的演示：

var orgchart = new getOrgChart(document.getElementById("people"), {
      primaryFields: ["name", "title", "phone", "mail"],
      expandToLevel: 4,
      dataSource: [{
        id: 1,
        parentId: null,
        name: "Amber McKenzie",
        title: "CEO",
        phone: "678-772-470",
        mail: "lemmons@jourrapide.com",
        adress: "Atlanta, GA 30303"
      }, {
        id: 2,
        parentId: 1,
        name: "Ava Field",
        title: "Paper goods machine setter",
        phone: "937-912-4971",
        mail: "anderson@jourrapide.com"
      }, {
        id: 3,
        parentId: 1,
        name: "Evie Johnson",
        title: "Employer relations representative",
        phone: "314-722-6164",
        mail: "thornton@armyspy.com"
      }, {
        id: 4,
        parentId: 1,
        name: "Paul Shetler",
        title: "Teaching assistant",
        phone: "330-263-6439",
        mail: "shetler@rhyta.com"
      }, {
        id: 5,
        parentId: 2,
        name: "Rebecca Francis",
        title: "Welding machine setter",
        phone: "408-460-0589"
      }, {
        id: 6,
        parentId: 2,
        name: "Rebecca Randall",
        title: "Optometrist",
        phone: "801-920-9842",
        mail: "JasonWGoodman@armyspy.com"
      }, {
        id: 7,
        parentId: 2,
        name: "Spencer May",
        title: "System operator",
        phone: "Conservation scientist",
        mail: "hodges@teleworm.us"
      }, {
        id: 8,
        parentId: 6,
        name: "Max Ford",
        title: "Budget manager",
        phone: "989-474-8325",
        mail: "hunter@teleworm.us"
      }, {
        id: 9,
        parentId: 7,
        name: "Riley Bray",
        title: "Structural metal fabricator",
        phone: "479-359-2159"
      }, {
        id: 10,
        parentId: 7,
        name: "Callum Whitehouse",
        title: "Radar controller",
        phone: "847-474-8775"
      }]
    });


    
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="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.js"></script>
<div id="people"></div>

因此，如果您单击-Amber McKenzie，它会关闭整个组织结构图。然后，当您单击时，+它会像以前一样打开它。

我想要的是当你点击+按钮时，它只显示下面的孩子。又名Ava Field—— Evie Johnson_Paul Shetler

这是我自己尝试做的。

4

0 回答 0