Category / Section
How to define nodes/connectors property in the nodeCollectionChange and connectorCollectionChange events
1 min read
Define Node property
You can able to define/alter properties of a node before adding it into the nodes collection by using diagram client side API Events nodeCollectionChange. Similarly you can also able to define/alter connector’s property through connectorCollectionChange client side event.
The following code illustrates how to alter the nodes/connectors property value using CollectionChange events.
Java-script
$("#diagram").ejDiagram({ width: "100%", height: "100%", nodeCollectionChange: nodeCollectionChange, connectorCollectionChange: connectorCollectionChange }); function nodeCollectionChange(args) { var node = args.element; //customize the appearance of a node node.fillColor = "darkcyan"; node.borderColor = "transparent"; node.labels[0].Text = "New Node"; } function connectorCollectionChange(args) { var connector = args.element; //customize the appearance of a connector connector.lineColor = "red"; connector.lineWidth = 2; connector.labels[0].text = "New Connector"; }