JavaScript/jQuery Diagram - viewToolbar
Configures the view toolbar settings.
Type:
Default Value: {}
commands[]
Lists commands in the toolbar.
The view 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({
viewToolbar: {
commands: ["zoomLevel", "fullScreen", "units", {name: "sayHello", text: "Say Hello", icon: "blockquote"},
{name: "export", icon: "export", items: ["exportSvg","exportPng","exportJpg"]}]
},
onCustomCommand: function(e) {
if (e.name == "sayHello")
alert("Hello!")
},
}).dxDiagram("instance");
});Feedback