Old context menu items override new context menu items.

Question

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-menuThe 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

Shyam G · Answer

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

Mithun · Answer

Thank you. This is a very elegant solution.Thanks,Mithun

Shyam G · Answer

Hi Mithun, 
Thanks for your update. 
Regards, 
Shyam G