D3。 我如何对所选节点和所有父节点执行操作

Question

I have a D3 tree diagram link this one... https://bl.ocks.org/mbostock/4339083 and can select a node fine. I want to be able to iterate over the parent nodes too, and set an attribute eg d.MainBranch="Yes" . The idea is I can right click, get a menu to pop up and then click "Mark as Main Branch". I've done the right click to get a popup menu. and can set d.MainBranch="Yes" on the current node like this...

function marAsMainBranch(d) {           
    d.mainBranch="Yes"; 
    update(d);
}

just lacking the ability to iterate over the parents :-(

Can anyone help?

Answer 1

You can do something like this to set parent data and call recursively till no parent (starting from the node which is acted) :

function setInfoParent(d){
  d.mainBranch="Yes";
  if(d.parent){
    setInfoParent(d.parent);//call recursively itself till no parent.
  }
  console.log(d);
}

Then in click or right click action call setInfoParent something like this:

function click(d) {
  setInfoParent(d);//call to set all parents.
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
  }
  update(d);
}

Working fiddle here