items[]
Type:
Accepted Values: 'undo' | 'redo' | 'expandAll' | 'collapseAll' | 'addTask' | 'deleteTask' | 'zoomIn' | 'zoomOut' | 'deleteDependency' | 'taskDetails'
The context menu contains a set of default commands: 'addTask', 'taskDetails', and 'deleteTask'. Use the contextMenu property to recreate the context menu items.
To add a predefined item to the context menu, add its name and optional settings (for example, 'visible', 'text', and 'icon') to the items collection.
jQuery
JavaScript
$(function () { $("#file-manager").dxFileManager({ contextMenu: { items: [ // Specify a predefined item's name only "expandAll", "redo", // Specify a predefined item's name and optional settings { name: "zoomIn", text: "Zooming" } //... ] } }); });
Custom Items
To add a custom context menu item, specify its text and optional settings (for example, name or category). Use the customCommand event to handle clicks on custom context menu items.
jQuery
JavaScript
$(function () { $("#file-manager").dxFileManager({ contextMenu: { items: [ { text: "Category", items:[ { text: "Item 1", name: "item1" }, { text: "Item 2", name: "item2" }, { text: "Item 3", name: "item3" } ] } // ... ] } onCustomCommand: onCustomCommandClick // ... }); }); function onCustomCommandClick(args) { if(e.name == 'item1') { // your code } }
Feedback