2015-08-28 23:35:22 +00:00
|
|
|
# MenuItem
|
2015-08-28 23:19:28 +00:00
|
|
|
|
2016-04-22 18:42:54 +00:00
|
|
|
> Add items to native application menus and context menus.
|
2015-08-28 23:19:28 +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
|
2015-09-02 01:19:18 +00:00
|
|
|
* `click` Function - Will be called with `click(menuItem, browserWindow)` when
|
|
|
|
the menu item is clicked
|
2016-03-31 03:57:28 +00:00
|
|
|
* `role` String - Define the action of the menu item; when specified the
|
2015-09-02 01:19:18 +00:00
|
|
|
`click` property will be ignored
|
2013-08-29 14:37:51 +00:00
|
|
|
* `type` String - Can be `normal`, `separator`, `submenu`, `checkbox` or
|
|
|
|
`radio`
|
2013-08-14 22:43:35 +00:00
|
|
|
* `label` String
|
|
|
|
* `sublabel` String
|
2014-08-04 16:00:39 +00:00
|
|
|
* `accelerator` [Accelerator](accelerator.md)
|
2015-02-13 04:12:40 +00:00
|
|
|
* `icon` [NativeImage](native-image.md)
|
2016-04-22 13:53:26 +00:00
|
|
|
* `enabled` Boolean - If false, the menu item will be greyed out and
|
|
|
|
unclickable.
|
2016-03-31 03:57:28 +00:00
|
|
|
* `visible` Boolean - If false, the menu item will be entirely hidden.
|
2016-04-22 13:53:26 +00:00
|
|
|
* `checked` Boolean - Should only be specified for `checkbox` or `radio` type
|
2016-03-31 03:57:28 +00:00
|
|
|
menu items.
|
|
|
|
* `submenu` Menu - Should be specified for `submenu` type menu items. If
|
|
|
|
`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`.
|
2015-04-07 15:14:28 +00:00
|
|
|
* `id` String - Unique within a single menu. If defined then it can be used
|
|
|
|
as a reference to this item by the position attribute.
|
2015-04-13 03:22:33 +00:00
|
|
|
* `position` String - This field allows fine-grained definition of the
|
|
|
|
specific location within a given menu.
|
2015-09-02 01:19:18 +00:00
|
|
|
|
2016-03-31 03:57:28 +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
|
|
|
|
|
|
|
The `role` property can have following values:
|
|
|
|
|
|
|
|
* `undo`
|
|
|
|
* `redo`
|
|
|
|
* `cut`
|
|
|
|
* `copy`
|
|
|
|
* `paste`
|
2016-06-04 15:23:35 +00:00
|
|
|
* `pasteandmatchstyle`
|
2015-09-02 01:19:18 +00:00
|
|
|
* `selectall`
|
2016-06-04 15:23:35 +00:00
|
|
|
* `delete`
|
2015-09-02 01:19:18 +00:00
|
|
|
* `minimize` - Minimize current window
|
|
|
|
* `close` - Close current window
|
|
|
|
|
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
|
2016-06-07 08:42:46 +00:00
|
|
|
* `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-03-31 03:57:28 +00:00
|
|
|
|
2016-06-18 13:26:26 +00:00
|
|
|
When specifying `role` on macOS, `label` and `accelerator` are the only options
|
2016-04-22 13:53:26 +00:00
|
|
|
that will affect the MenuItem. All other options will be ignored.
|
2016-04-20 01:12:37 +00:00
|
|
|
|
2016-03-31 03:57:28 +00:00
|
|
|
## Instance Properties
|
|
|
|
|
|
|
|
The following properties (and no others) can be updated on an existing `MenuItem`:
|
|
|
|
|
|
|
|
* `enabled` Boolean
|
|
|
|
* `visible` Boolean
|
|
|
|
* `checked` Boolean
|
|
|
|
|
|
|
|
Their meanings are as described above.
|
|
|
|
|
|
|
|
A `checkbox` menu item will toggle its `checked` property on and off when
|
|
|
|
selected. You can add a `click` function to do additional work.
|
|
|
|
|
|
|
|
A `radio` menu item will turn on its `checked` property when clicked, and
|
|
|
|
will turn off that property for all adjacent items in the same menu. Again,
|
|
|
|
you can add a `click` function for additional behavior.
|