Example of undefined in React Diagram Component

/
/
KeyBoardInteraction

This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.

More Details...

ABEFGIJHCD

Built-In Commands

Command
Gesture
Select AllCtrl + A
CutCtrl + X
CopyCtrl + C
PasteCtrl + V
UndoCtrl + Z
RedoCtrl + Y
DeleteDelete

Custom Commands

Command
Gesture
GroupCtrl + G
UngroupCtrl + U

Modified Commands

Command
Gesture
Navigate to Parent NodeUp Arrow
Navigate to Child NodeDown Arrow
Navigate to Previous ChildLeft Arrow
Navigate to Next ChildRight Arrow
Description

This example shows how to interact with the diagram control using shortcut keys. The commandManager property can be used to map the commands with key gestures. In this example, along with the built-in commands a few custom commands are added and a few built-in commands (nudge) are overridden. That is, when the arrow keys are pressed, selection will be navigated instead of moving the selected objects. The different kinds of interactions and the corresponding key gestures are listed in the property panel.