JavaScript/jQuery Diagram - propertiesPanel.tabs
commands
Use the groups property to group commands in the tab. Note, if the groups property is specified, the commands property is not in effect.
A properties panel tab can contain default and custom commands. Handle the CustomCommand event to respond to a custom command click.
JavaScript
- $(function() {
- var diagram = $("#diagram").dxDiagram({
- propertiesPanel: {
- visibility: 'visible',
- tabs: [{
- title: "Page Properties",
- commands: ["pageSize", "pageOrientation", {name: "sayHello", text: "Say Hello", icon: "blockquote"}]
- }]
- },
- onCustomCommand: function(e) {
- if (e.name == "sayHello")
- alert("Hello!")
- },
- }).dxDiagram("instance");
- });
Feedback