Vue Diagram - historyToolbar

Configures the history toolbar's settings.

Selector: DxHistoryToolbar
Type:

Object

Default Value: {}

View Demo

Diagram toolbox

commands

Lists commands in the history toolbar.

Selector: DxCommand
Type:

Array<dxDiagramCustomCommand>

|

Array<Enums.DiagramCommand>

Default Value: undefined

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

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

visible

Specifies the history toolbar's visibility.

Type:

Boolean

Default Value: true