How to get the details of the diagram?

Thread ID:	Created:	Updated:	Platform:	Replies:
149681	Dec 5,2019 09:00 AM UTC	Dec 6,2019 09:20 AM UTC	React - EJ 2	1

Subscribe to this post

Tags: Diagram

john

Asked On December 5, 2019 09:00 AM UTC

How to get the details(data) of the diagram?

Like relationship between the nodes.

What property can I use? I tried with console.log(addInfo).

It returns undefined. Can you explain it with example?

Thanks.

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On December 6, 2019 09:20 AM UTC

Hi John,

When you select a node in the diagram, click event gets raised. In this event, you will get a selected node object. Also, the node’s inEdges and outEdges property is used to read collection of the incoming and outgoing connectors of the node. Please refer to a code example and sample below. Please refer our help documentation to know more about diagram control.

Code example:

<DiagramComponent id="diagram" width={"100%"} height={"700px"}

//diagram instance

ref={diagram => (diagramInstance = diagram)}

nodes={nodes} connectors={connectors}

//click event

click={function (args) {

//to get an diagram element

let diagram = diagramInstance

if (args.element) {

//to get a selected node

let node = args.element;

//get an connected element

console.log(node.inEdges, node.outEdges);

}

}}

Sample: https://stackblitz.com/edit/react-kup7nr-psrijp?file=index.js

Help documentation: https://ej2.syncfusion.com/react/documentation/diagram/getting-started/?no-cache=1

Regards,

Shyam G

Reply | Reply with quote

CONTACT US

How to get the details of the diagram?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US