Set inital nodes collapsed or expaned

[Manolo Capdevila]

Hi,

I'm using your diagram hierachical tree

https://ej2.syncfusion.com/angular/demos/#/material/diagram/hierarchical-tree

But I need set some nodes expaned or collapsed.

In node default function, I set  node.isExpanded true or false, but it always is expaned when diagram is load

Also, in diagram event click... how can I detect if I done click on node or connecotr? I need an event when I click on node...

Thanks

[Gowtham Gunashekar]

Hi Manolo, 

 

We have added a sample link to demonstrate how to render some nodes in collapsed state in the layout diagram and added a click event to notify the clicked node 

 

Code snippet: 

public created(){ 

 

    for(var i=0;i<this.diagram.nodes.length;i++){ 

       if((this.diagram.nodes[i].shape as TextModel).content==="Hierarchical Tree"  

       || (this.diagram.nodes[i].shape as TextModel).content==="Management"){ 

      this.diagram.nodes[i].isExpanded= false; 

    } 

    } 

    this.diagram.dataBind(); 

   

 

} 

 

Sample Link: https://stackblitz.com/edit/angular-shrigo-mfhrye?file=app.component.ts 

 

Regards, 

Gowtham 

 

[Manolo Capdevila]

Hi,

In your example, all nodes are expanded and your code indicate that must be collapsed.

Also, I get the data by a service, and these data are not loaded in created event.

I try set

this.diagram.nodes[i].isExpanded= false;

in dataLoaded event, but then I can't call diagram.dataBind()

Thanks

[Gowtham Gunashekar]

Hi Manolo, 

 

Reported Issue : While set the node's isExpanded property true at initial rendering unwanted scroll is take placed 

 

We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on 2^nd March ,2021 weekly patch release.    

 

Link: https://www.syncfusion.com/feedback/22431/while-set-the-nodes-isexpanded-property-true-at-initial-rendering-unwanted-scroll 

 

    

Regards,  

Gowtham   

 

[Gowtham Gunashekar]

Hi Manolo, 

We have fixed the reported issue and included it in our patch release (v18.4.46) which is rolled out successfully.        

        

Please upgrade to the latest version packages to resolve this issue.              

https://www.npmjs.com/package/@syncfusion/ej2-diagrams           

Regards,  

Gowtham 

1