d3.js树布局:展开一个节点时折叠其他节点?

一个简单的解决方案是修改单击功能,这样,如果节点有一个父节点,则父节点的每个子节点都会被折叠,但前提是子节点不是被单击的节点。

function click(d) {
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
  }
  // If the node has a parent, then collapse its child nodes
  // except for this clicked node.
  if (d.parent) {
    d.parent.children.forEach(function(element) {
      if (d !== element) {
        collapse(element);
      }
    });
  }
  update(d);
}

更新的jsbin: http://jsbin.com/etIJABU/2/edit

如果只想在单击具有子节点时折叠其他节点,请在第二个if中添加“&&d.children”。。

function click(d) {
        if (d.children) {
          d._children = d.children;
          d.children = null;
        } 
        else {
          d.children = d._children;
          d._children = null;
        }
        if (d.parent && d.children) { //add here, 
          d.parent.children.forEach(function(element) {
        if (d !== element) {
        collapse(element);
        }});
      }
        update(d);
      }