Expand all node by one click

[doan281]

How to expand all node by one click?

[Obada Qawwas]

How to expand all node by one click?

Hello @doan281,

I don't remember what was going on there but now when checking the code I can recommend a place to start:

This is the expanding function:
d is the node to be toggled

if (d.children) {
    d._children = d.children;
    d.children = null;
} else {
    d.children = d._children;
    d._children = null;
}

update(d);

You should loop recursively through the tree from the root node and set all _children to children and children to null then call update on the root node.

[doan281]

Thanks!
I have found the solution:
`function expand(d){
if (d._children) {
d.children = d._children;
d._children = null;
}
var children = (d.children)?d.children:d._children;
if(children)
children.forEach(expand);
}

function expandAll(){
expand(root);
update(root);
}

function collapseAll(){
root.children.forEach(collapse);
collapse(root);
update(root);
}`
Ref https://stackoverflow.com/questions/28754273/d3-js-tree-expand-all-and-collapse-all