React Diagram - contextMenu

Configures the context menu's settings.

Selector: ContextMenu
Type:

Object

Default Value: {}

View Demo

commands

Lists commands in the context menu.

Selector: Command
Type:

Array<dxDiagramCustomCommand>

|

Array<Enums.DiagramCommand>

Default Value: undefined

NOTE
The 'fontColor', 'lineColor', 'fillColor', and 'pageColor' commands have no effect in the context menu.

The context menu can contain default and custom commands. Handle the CustomCommand event to respond to a custom command click.

jQuery
JavaScript
$(function() {
    var diagram = $("#diagram").dxDiagram({
        contextMenu: {
            commands: ["cut","copy", "paste", {name: "sayHello", text: "Say Hello", icon: "blockquote"}]
        }, 
        onCustomCommand: function(e) {
            if (e.name == "sayHello")
            alert("Hello!")
        },
    }).dxDiagram("instance");
});

enabled

Specifies whether the context menu is enabled.

Type:

Boolean

Default Value: true