How to define nodes/connectors property in the nodeCollectionChange and connectorCollectionChange events
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";
}
