Disabling node and connector moving

[Kevin Orcutt]

We have a diagram that the nodes and connectors are loaded on page load.  We would like to be able to disable moving of the nodes and connectors.  We would still like to be able to select nodes, but just not allow the moving of them.  I figure that this would probably be set in the getNodeDefaults javascript function, but are not sure.  Also, I've seen in the WinForms area that there is something along the lines of editstyle.allowmove, but I haven't figured out a way to access this and or set it...

Any clues or help would be greatly appreciated!

Thanks in advance,

Kevin Orcutt            
Senior Applications Developer
Phone: [phone]
Email: [email protected]
www.belcan.com

[Shyam G]

Hi Kevin, 

 

Please remove Drag NodeConstraints from Default and remove DragSourceEnd and DragTargetEnd ConnectorConstraints from Default to disable dragging of nodes and connectors. Please refer to a code example and sample below. 

 

In the below code example, we use the functions getNodeDefaults and getConnectorDefaults to disable node and connector constraints respectively. These functions are called for each initialization of nodes and connectors. 

 

Code example: 

 

//Initializes diagram control 

    var diagram = new ej.diagrams.Diagram({ 

        width: '100%', height: '700px',   

 

        //Sets the default values of a node 

        getNodeDefaults: function (obj) {   

           // Disable dragging for node 

            obj.constraints = ej.diagrams.NodeConstraints.Default &~ej.diagrams.NodeConstraints.Drag;   

        }, 

        //Sets the default values of a Connector. 

        getConnectorDefaults: function (obj) { 

          // Disable dragging for connector 

           obj.constraints = ej.diagrams.ConnectorConstraints.Default &~(ej.diagrams.ConnectorConstraints.DragSourceEnd | ej.diagrams.ConnectorConstraints.DragTargetEnd); 

        }, 

  

    }); 

    diagram.appendTo('#diagram'); 

 

Sample: https://stackblitz.com/edit/zkw9yd?file=index.js 

 

Regards, 

Shyam G 

[Kevin Orcutt]

Hey Shyam,

Perfect!  Worked like a charm!  

Many Thanks!!!

Keviin

[Shyam G]

Hi Kevin, 

Thanks for your update. 

Regards, 

Shyam G