Angular FileManager - contextMenu.items
Configures context menu items' settings.
The FileManager widget allows you to add default and create custom context menu items.
jQuery
$(function () {
$("#file-manager").dxFileManager({
contextMenu: {
items: [
"create", // default item
{
text: "Create new file", // custom item with sub items
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.
component
An alias for the template property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
icon
Specifies the menu item's icon.
This option 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 for context menu items' subitems.
Nested menu items should have the same structure as the first-level menu items.
name
Specifies the context menu item's name.
render
An alias for the template property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
template
Specifies a template that should be used to render this item only.
The following types of the specified value are available.
- Assign a string containing the name of the required template.
- Assign a jQuery object of the template's container.
- Assign a DOM Node of the template's container.
- Assign a function that returns the jQuery object or a DOM Node of the template's container.
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.