Articles in this section
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";
}

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied