Deleting a Node and its Link/s

nmittal · September 4, 2013, 2:12pm

Hi ,

I am trying to delete a node and all it link from our workflow diagram, using the below code.

var fromNode = adorn.adornedPart;
 var fromData = fromNode.data;



 var model = diagram.model;


 model.removeNodeData(fromData);
 
 var it = fromNode.linksConnected;
 while (it.next()) {
 var item = it.value;
 model.removeLinkData(item);
 }

The node deletion is successful but the link deletion is not working. Is there any thing I am missing or there is a different way to achieve this.

Thanks in advance for the help.

Nitin

walter · September 4, 2013, 2:27pm

Presumably your GraphLinksModel does not contain Link elements as its link data in the GraphLinksModel.linkDataArray. Instead it should have regular JavaScript objects, to which the Link parts are data bound.

So you probably just need to say:
model.removeLinkData(item.data);

Note that it might be easier to just call diagram.commandHandler.deleteSelection(), if the Node that you want to delete is the only selected Part. The command also raises the appropriate events, which you do not show in your code above.

Alternatively you can call Diagram.remove(node) to get the same effect as your code above.

nmittal · September 4, 2013, 2:57pm

Thanks Walter this works like a charm.

One more thing is I am a very new developer for this library and all these questions are very naive. Is there any tutorial which I can refer to get all this info upfront.

Thanks once once again.

Thanks,
Nitin

walter · September 4, 2013, 3:40pm

The GoJS Introduction: gojs.net/latest/intro

BTW, we’re about to release version 1.2. You can try the latest beta at GoJS - Build Interactive Diagrams for the Web.

walter · September 5, 2017, 11:30am

A post was split to a new topic: Deleting node from model

walter · September 6, 2017, 11:00am

A post was merged into an existing topic: Deleting node from model