Vue FileManager - contextMenu.items
Type:
Default Value: [ 'create', 'upload', 'rename', 'move', 'copy', 'delete', 'refresh', 'download' ]
Accepted Values: 'create' | 'upload' | 'refresh' | 'download' | 'move' | 'copy' | 'rename' | 'delete'
The FileManager UI component allows you to add default and custom context menu items.
jQuery
JavaScript
$(function () { $("#file-manager").dxFileManager({ contextMenu: { items: [ "create", // default item { name: "create", text: "Create Directory", beginGroup: true } //... ] } }); });
Custom Items
To add a custom context menu item, specify its text and optional settings (for example, a file extension for a newly created file). Use the contextMenuItemClick event to handle clicks on custom context menu items.
jQuery
JavaScript
$(function () { $("#file-manager").dxFileManager({ contextMenu: { items: [ { text: "Create new file", icon: "plus", items: [ { text: "Plain text document", extension: ".txt", onClick: onItemClick }, // ... ] }, // ... "move", "copy", "delete", "refresh" // default items ] } // ... }); });
icon
Type:
This property accepts one of the following:
- The icon's URL
- The icon's name if the icon is from the DevExtreme icon library
- The icon's CSS class if the icon is from an external icon library (see External Icon Libraries)
- The icon in the Base64 format
- The icon in the SVG format. Ensure that the source is reliable.
items
The FileManager UI component allows you to add default and create custom context menu subitems.
NOTE
You can specify the items option for custom context menu items only.
jQuery
JavaScript
$(function () { $("#file-manager").dxFileManager({ contextMenu: { items: [ "create", // default item { text: "Create new file", // custom item with subitems items: [ { text: "Plain text document", extension: ".txt", onClick: onItemClick }, // ... ] }, // ... "move", "copy", "delete", "refresh" // default items ] } // ... }); });
name
Type:
Accepted Values: 'create' | 'upload' | 'refresh' | 'download' | 'move' | 'copy' | 'rename' | 'delete'
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.