hide children of previously clicked node when new node is clicked

[DianaPilat]

Thank for the beautiful plugin! I have a question/feature request. Is it currently possible to hide expanded children of previously clicked node when another node is clicked? I have a horizontal phase/subphase tree with large dataset and want to leave open only the children of the clicked node and have others that were opened before closed. Did not find this feature in documentation. Please let me know.

[bkrem]

Hi @DianaPilat,

Sorry for the delay! This isn't currently a feature but has been requested (#46).

I'll make an effort for this to be in the next feature release since it's been requested by multiple people now including you.

Going to close this issue so we can consolidate the discussion for it in #46.

[anilramavtar]

here is the work around solution to achieve this

<Tree data={phaseData} ref="myRef"
initialDepth={1}
orientation="vertical"
pathFunc="elbow"
translate={{ x: 575, y: 20 }}
styles={{ links: { stroke: '#89828D', strokeWidth: 1 } }}
nodeSize={{ x: 160, y: 50 }}
zoomable={false}
onClick={(nodeObj) => this.handleClick(nodeObj, true)}
/>

handleClick(nodeObj, cont) {
if(!cont || nodeObj._collapsed)
return;
const myRef = this.refs.myRef;
const parentObj = nodeObj.parent;
if(parentObj && myRef) {
const nodesToBeCollapsed = parentObj.children.filter(c=> c.id !== nodeObj.id);
nodesToBeCollapsed.map((ndObj,index) => {
if(!ndObj._collapsed)
myRef.handleNodeToggle(ndObj.id, false);
});

}
}