Best way to change the style of the node once getNodeDefaults is already executed

Best regards,

Jiway

Hi Jiway, 

At runtime, we can use the diagram events to track the changes in the diagram. Please use diagram click event to change the node strokeColor. This event triggers when you click on a diagram element. Please refer to a code example, help documentation and the sample below. 

Code example: 

 

 

Sample: https://stackblitz.com/edit/react-zitnsj-e18zof?file=index.js 

 

Help documentation: https://ej2.syncfusion.com/react/documentation/api/diagram/#click 

Regards, 

Shyam G 

is there a way to simulate a click on each individual diagram element at the componentDidMount and change the border color only for node elements of the diagram? Better question is how can I iterate through diagram elements because I have found a way to simulate a click using document.getElementById().click() function? And id's which I get from each individual node from this.diagram.nodes is not the proper id of the element it seems, also I tried to add a suffix string to the id "_content_html_element" but args parameter in click function still doesn't have element property in it.

Best regards,

Jiway

Hi Jiway, 

We have created a sample in which we have shown how to iterate the nodes collection in the created event. This event triggers when the diagram component is created. Please refer to  a code example and the sample below. 

Code example: 

Sample: https://stackblitz.com/edit/react-zitnsj-ff3byw?file=index.js 

Regards, 

Shyam G