electron/docs/api/menu-item.md

101 lines
3.4 KiB
Markdown
Raw Normal View History

2015-08-28 23:35:22 +00:00
# MenuItem
2015-08-28 23:19:28 +00:00
> Add items to native application menus and context menus.
2015-08-28 23:19:28 +00:00
2016-06-22 04:23:07 +00:00
See [`Menu`](menu.md) for examples.
2013-09-09 07:35:57 +00:00
2013-08-14 22:43:35 +00:00
## Class: MenuItem
2015-08-28 23:19:28 +00:00
Create a new `MenuItem` with the following method:
2013-08-14 22:43:35 +00:00
### new MenuItem(options)
* `options` Object
* `click` Function - Will be called with
2016-06-22 04:23:07 +00:00
`click(menuItem, browserWindow, event)` when the menu item is clicked.
* `role` String - Define the action of the menu item, when specified the
`click` property will be ignored.
* `type` String - Can be `normal`, `separator`, `submenu`, `checkbox` or
2016-06-22 04:23:07 +00:00
`radio`.
2013-08-14 22:43:35 +00:00
* `label` String
* `sublabel` String
* `accelerator` [Accelerator](accelerator.md)
2015-02-13 04:12:40 +00:00
* `icon` [NativeImage](native-image.md)
* `enabled` Boolean - If false, the menu item will be greyed out and
unclickable.
* `visible` Boolean - If false, the menu item will be entirely hidden.
* `checked` Boolean - Should only be specified for `checkbox` or `radio` type
2016-06-22 04:23:07 +00:00
menu items.
* `submenu` Menu - Should be specified for `submenu` type menu items. If
2016-06-22 04:23:07 +00:00
`submenu` is specified, the `type: 'submenu'` can be omitted. If the value
is not a `Menu` then it will be automatically converted to one using
`Menu.buildFromTemplate`.
* `id` String - Unique within a single menu. If defined then it can be used
2016-06-22 04:23:07 +00:00
as a reference to this item by the position attribute.
* `position` String - This field allows fine-grained definition of the
2016-06-22 04:23:07 +00:00
specific location within a given menu.
2015-09-02 01:19:18 +00:00
It is best to specify `role` for any menu item that matches a standard role,
rather than trying to manually implement the behavior in a `click` function.
The built-in `role` behavior will give the best native experience.
2015-09-02 01:19:18 +00:00
2016-06-22 21:10:38 +00:00
The `label` and `accelerator` are optional when using a `role` and will default
to appropriate values for each platform.
2015-09-02 01:19:18 +00:00
The `role` property can have following values:
* `undo`
* `redo`
* `cut`
* `copy`
* `paste`
* `pasteandmatchstyle`
2015-09-02 01:19:18 +00:00
* `selectall`
* `delete`
2015-09-02 01:19:18 +00:00
* `minimize` - Minimize current window
* `close` - Close current window
2016-06-21 00:20:57 +00:00
* `quit`- Quit the application
2016-06-21 16:43:29 +00:00
* `togglefullscreen`- Toggle full screen mode on the current window
2015-09-02 01:19:18 +00:00
2016-06-18 13:26:26 +00:00
On macOS `role` can also have following additional values:
2015-09-02 01:19:18 +00:00
* `about` - Map to the `orderFrontStandardAboutPanel` action
* `hide` - Map to the `hide` action
* `hideothers` - Map to the `hideOtherApplications` action
* `unhide` - Map to the `unhideAllApplications` action
* `front` - Map to the `arrangeInFront` action
* `zoom` - Map to the `performZoom` action
2015-09-02 01:19:18 +00:00
* `window` - The submenu is a "Window" menu
* `help` - The submenu is a "Help" menu
* `services` - The submenu is a "Services" menu
2016-06-18 13:26:26 +00:00
When specifying `role` on macOS, `label` and `accelerator` are the only options
that will affect the MenuItem. All other options will be ignored.
2016-06-22 04:23:07 +00:00
### Instance Properties
2016-06-22 04:23:07 +00:00
The following properties are available on instances of `MenuItem`:
2016-06-22 04:23:07 +00:00
#### `menuItem.enabled`
2016-06-22 04:23:07 +00:00
A Boolean indicating whether the item is enabled, this property can be
dynamically changed.
2016-06-22 04:23:07 +00:00
#### `menuItem.visible`
A Boolean indicating whether the item is visible, this property can be
dynamically changed.
#### `menuItem.checked`
A Boolean indicating whether the item is checked, this property can be
dynamically changed.
A `checkbox` menu item will toggle the `checked` property on and off when
selected.
A `radio` menu item will turn on its `checked` property when clicked, and
2016-06-22 04:23:07 +00:00
will turn off that property for all adjacent items in the same menu.
You can add a `click` function for additional behavior.