Is there a built-in function to get all connectors between 2 distant nodes?

[Vivek Repale]

I have created a hierarchical diagram, now I want highlight connectors when I select any node. 

I am able to highlight adjacent connectors easily, but if my target node is say 3 or 4 levels away from selected node, is there a built-in function/method that 

will give me all connectors between 2 nodes.

eg: A--->B---->C--->D

B and C could have multiple outgoing connections, now can I get all connectors from A to D automatically.

I hope I am able to clearly convey what I am looking for. 

Any help from support team would be of great help in project.

I appreciate support team for helping me solve my previous problems, and hope they will continue to do so.

Thanx.

[Senthil Kumar Venkatesan]

 Hi Vivek , 

Thanks for reaching Syncfusion software’s .  We don’t have direct method in order to achieve your requirement . But we can achieve your requirement in application end itself . We have a method called getEdges while will return the connector edges connected to the node . By using this we can achieve your requirement . Please find the sample link and documentation link below in order to achieve your requirement .  

Sample : https://ej2.syncfusion.com/vue/demos/#/material/diagram/flow-execution.html 

UG Link : https://ej2.syncfusion.com/vue/documentation/api/diagram/#getedges 

Video link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Sample-vide-116765823.zip 

  

Regards, 

Senthil Kumar V 

[Vivek Repale]

Thanks a lot, I think this will work for me. 

I have one more question can I get same functionality (one you provided in your example) when I hover on node rather than selecting the node...

[Gowtham Gunashekar]

Hi Vivek , 

 

Our diagram control has mouseOver , mouseLeave events which will be triggered when we hover the nodes/connectors and while we leave from the diagram objects . By using this event we can able to achieve your requirement . We have added the sample in Java script platform for your reference . Can you please check and add the same functionality in your application . 

 

 

Sample : https://stackblitz.com/edit/maygzp?file=index.ts 

UG Link : https://ej2.syncfusion.com/vue/documentation/api/diagram/#mouseenter 

 

Code snippet: 

diagram = new Diagram({ 

  width: "100%", 

  height: "600px", 

  mouseOver: mouseOver, 

  mouseLeave: mouseLeave 

}); 

diagram.appendTo("#diagram"); 

 

function mouseLeave(args: IMouseEventArgs): void { 

  Unhighlight(); 

} 

function mouseOver(args: IMouseEventArgs): void { 

  if (args.actualObject && args.actualObject instanceof Node) { 

    NodeReachableMouseHover(args.actualObject); 

    var a = 0; 

  }  

} 

 

 

Regards,  

Gowtham