JavaScript/jQuery FileManager - contextMenu.items
Configures context menu items' settings.
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
]
}
// ...
});
});
closeMenuOnClick
Specifies if a menu is closed when a user clicks the item.
Type:
Default Value: true
icon
Specifies the menu item's 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
Configures settings of a context menu item's subitems.
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
Specifies the context menu item's name.
Type:
Accepted Values: 'create' | 'upload' | 'refresh' | 'download' | 'move' | 'copy' | 'rename' | 'delete'
Feedback