Is there a way to copy selected nodes of GoJs diagram upon button click?

GoJS
1

I want to copy selected nodes of a gojs diagram from one canvas upon button click and then paste it onto another canvas, is it possible ?

2

Sure. Add this to your node template:

    {
      click: function(e, node) { e.diagram.commandHandler.copySelection(); }
    }

Note that if the user control-clicks or shift-clicks on the node, the selection may have multiple nodes in it, so that when pasting GoJS will copy multiple nodes.

Caveat: this only works for two (or more) Diagrams in the same page or iframe. If you want it to work between pages or after the user logs out, you may want to save the clipboard in localStorage. Use this: http://gojs.net/latest/extensions/LocalStorageCommandHandler.js

3

Hey Walter,

Thanks for your reply,

This is helpful, but i want the copy the nodes upon a custom button click, and not by clicking on the nodes, also i want to paste the copied nodes to a different canvas upon similar custom button click.

4

Oh, you meant an HTML button click? Sure, just select the nodes that you want and call CommandHandler.copySelection. Then call CommandHandler.pasteSelection in the other diagram.

Depending on whether the two diagrams share the same JavaScript environment, where the clipboard is stored is still an issue.

5

I tried this -

myDiagram.CommandHandler.copySelection();

but there is an error -

Uncaught TypeError: Cannot read property ‘copySelection’ of undefined

6

You need to spell the property correcly.

7

I am sorry but Is there anything that i’ve missed out ? The spellings are as it is there in the documentation.

I have referred to this link:
http://gojs.net/latest/intro/commands.html

8

This error:

Uncaught TypeError: Cannot read property ‘copySelection’ of undefined

Means that whatever is trying to reference copySelection does not exist

myDiagram.CommandHandler
does not exist because the correct spelling is:
myDiagram.commandHandler
with a lowercase c

myDiagram.commandHandler.copySelection(); is what you need to write.

9

It worked, Thanks for your help Simon.