Change category of a node

ThanhVu · March 31, 2013, 6:16am

Hi , i have a question

In the flowchart example http://gojs.net/latest/samples/flowchart.html , i tried to implement a function that enable the user to change the category of a specific node by the context menu and i did like this:

//create a context menu

$$(“ContextMenuButton”,
$$(go.TextBlock, “change type”),
{ click: function(e, obj) { ChangeType(e,obj); } },
…

//in function ChangeType
…

myDiagram.startTransaction(“Change Type”);
 var holdNode = obj.part.adornedPart;
 if (holdNode!=undefined && holdNode!=null)
 {

 holdNode.data.category = “end”


 }
myDiagram.commitTransaction(“Change Type”);

this doesn’t work so i try to modify in the NodeDataArray

for (var i=0; i<=myDiagram.model.nodeDataArray.length-1;i++)
 {
 if (myDiagram.model.nodeDataArray.key==holdNode.key)
 {
 myDiagram.model.nodeDataArray.category = “end”;


 }
 }

this doesn’t work either. Is there anyway i can do this?

Thanks

walter · March 31, 2013, 9:44am

In your second try, you are just changing the property of the Array holding your model’s node data, which will have no effect.

Your first try is basically right. However, whenever someone modifies a JavaScript property, there is no notification, so GoJS cannot know that the value changed. We did not want to require everyone to implement property setters that notify about property value changes. So you need to call Model.setDataProperty for regular properties and the appropriate Model method for structural changes to models. In this case, you should call model.setCategoryForNodeData. Please read about Data Binding.

ThanhVu · April 1, 2013, 8:36am

Thanks… it works :)