Edit custom addInfo field programmatically in node

Thread ID:	Created:	Updated:	Platform:	Replies:
149484	Nov 27,2019 01:19 PM UTC	Dec 2,2019 04:04 AM UTC	Vue	3

Subscribe to this post

Tags: Diagram

Alex B

Asked On November 27, 2019 01:19 PM UTC

I have a custom data which is updated at api side.
After I get the latest data, I want to update annotation, and addInfo filed for my custom data

nodes[index].addInfo.customObject already stores an old data which I want to rewrite

function editNode(data) {

let index = this.diagramInstance.nodes.map(e => e.id).indexOf(this.currentNodeId);

// @ts-ignore

this.diagramInstance.nodes[index].annotations[0].content = data.title;

this.diagramInstance.nodes[index].addInfo.customObject = data;

// @ts-ignore

this.diagramInstance.dataBind();

}

Finally, annotation is updated, addInfo - not.
How to update addInfo of node at runtime?

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On November 28, 2019 09:08 AM UTC

Hi Alex,

We have created a sample in which we have updated the node addInfo property with custom Data at runtime and shown how to retrieve that custom Data. Could you please check in the below sample? Still if you face issues, please share us more details such as modify the below sample.

Code example:

updateCustomInfo: function () {

// get diagram instance

var diagram = diagramInstance;

//get selected node

var node = diagram.selectedItems.nodes[0];

if(node) {

node.addInfo.customObject = "newData";

}

getCustomInfo: function() {

// get diagram instance

var diagram = diagramInstance;

//get selected node

var node = diagram.selectedItems.nodes[0];

if(node) {

alert(node.addInfo.customObject)

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DiagramVueSample1968077841

Regards,

Shyam G

Reply | Reply with quote

Alex B

Replied On November 29, 2019 02:21 PM UTC

Thank's worked for me

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On December 2, 2019 04:04 AM UTC

Hi Alex,

Thanks for your update.

Regards,

Shyam G

Reply | Reply with quote

CONTACT US

Edit custom addInfo field programmatically in node

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US