One Expand Another Collapse

Question

Hi,Our requirement is when I expand any parent node the other node should be collapse by default.

Indhumathy Loganathan · Answer

Hi Nagendra,

Greetings from Syncfusion support.

You can collapse all the other parent nodes using collapseAll method in nodeExpanding event. Please check the below code snippet.

[app.component.html]

<ejs-treeview

id="default"

#treevalidate

[fields]="field"

(nodeExpanding)="nodeExpanding($event)"

[cssClass]="cssClass"

></ejs-treeview>

[app.component.ts]

public nodeExpanding(args: NodeSelectEventArgs): void {

if (args.node.classList.contains('e-level-1')) {

this.tree.collapseAll();

}

Sample: https://stackblitz.com/edit/angular-en9fx3-dkmtsr?file=app.component.html

Please let us know if you need any further assistance.

Regards,

Indhumathy L