Clipboard Demo
The Clipboard demo shows different ways of using GraphClipboard
for Copy & Paste operations.
The main goal of this demo is to show custom clipboard functionality. Regular clipboard
operations like copying nodes, edges and labels are available out-of-the-box.
Things to Try
- Cut, copy and paste elements with the usual keyboard shortcuts.
- Cut, copy and paste elements from one canvas to the other.
-
Create new elements in the canvas with the usual gestures. Click to focus a canvas, then
click it again to create a node.
Remarks
- Note how both paste variants update the labels of the copied nodes.
-
Paste Special only pastes nodes and node labels, even if edges have been also
copied or cut.
-
The nodes have a "business object" associated with the elements reflected in the nodes'
titles (the text which is displayed inside the node). Editing the
name
property of a node's business object via the "Edit name" button changes the node's
title, too, as it is bound to the name of the business object.
See class ClipboardBusinessObject which is associated via the node's
ITagOwner#tag.
-
The two nodes which are linked with the "Shared Object" edge share the same business
object. Editing the name of one of the nodes will also change the name of the other
object. Note that, the referential identity between them is maintained across clipboard
operations: For instance, copy and paste both nodes and edit the name of one of the new
nodes to see that the names of the associated nodes also change.