Old context menu items override new context menu items.

Thread ID:	Created:	Updated:	Platform:	Replies:
149620	Dec 3,2019 02:59 PM UTC	Dec 4,2019 11:02 AM UTC	Angular - EJ 2	3

Subscribe to this post

Tags: Diagram

Mithun

Asked On December 3, 2019 02:59 PM UTC

Hello Syncfusion Team,

Our app uses Syncfusion's DiagramComponent ("@syncfusion/ej2-angular-diagrams": "^17.3.26").

When user exits the app, we save the user's diagram using the .SaveDiagram() method and the resulting JSON is saved to our db.

Later, when the user re-logs into the app, we load call the .LoadDiagram() method to load the user's diagram from the saved JSON.

In between however, if we make any app updates (e.g. introduce a new diagram context menu item), these updates are ignored/overwritten when we load the diagram from JSON (which still has the old diagram context menu items).

I have prepared a stackblitz to demonstrate the issue.

Stackblitz link: https://stackblitz.com/edit/diagram-context-menu

The user's saved diagram json has 'old-menu-item' in the diagram's context menu.

The app has been upgraded to use 'new-menu-item'.

When we load the diagram from saved JSON, the 'new-menu-item' is ignored/overwritten by `old-menu-item'.

Please let me know if a work around exists for this.

Is there a way to suppress context menu items from being serialized into the JSON when calling .SaveDiagram()?

Thanks,

-Mithun

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On December 4, 2019 10:14 AM UTC

Hi Mithun,

Before loading a diagram, we should define a new context menu items to achieve your requirement. Please refer to a code example and sample below.

Code example:

onCreated() {

let parsedData = JSON.parse(diagramContent);

//create a new context menu item

parsedData.contextMenuSettings = {

show: true,

showCustomMenuOnly: true,

items: [

{

id: 'new-menu-item',

text: 'new-menu-item',

}

//load a diagram

this.diagramControl.loadDiagram(JSON.stringify(parsedData));

}

Sample: https://stackblitz.com/edit/diagram-context-menu-ubcvxd?file=src/app/app.component.ts

Regards,

Shyam G

Reply | Reply with quote

Mithun

Replied On December 4, 2019 10:48 AM UTC

Thank you. This is a very elegant solution.

Thanks,

Mithun

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On December 4, 2019 11:02 AM UTC

Hi Mithun,

Thanks for your update.

Regards,

Shyam G

Reply | Reply with quote

Old context menu items override new context menu items.

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US