mirrors/electron
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions 1

docs: Do not repeat processes for multiple times in menu.md

Browse source
This commit is contained in:
Cheng Zhao 2016-08-03 16:08:54 +09:00
parent 163a6bd5c5
commit b9bcba7abe
1 changed files with 7 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

30
docs/api/menu.md
View file

@ -2,29 +2,14 @@
> Create native application menus and context menus. > Create native application menus and context menus.
This module is a main process module which can be used in a render process via Each `Menu` consists of multiple [`MenuItem`](menu-item.md)s and each `MenuItem`
the `remote` module. can have a submenu.
Each menu consists of multiple [menu items](menu-item.md) and each menu item can
have a submenu.
## Process Difference Notice
Due to Menu and MenuItem can be used in two processes, the way they are included is slightly different.
### Main process
```
const {Menu, MenuItem} = require('electron');
```
### Render process
```
const {remote} = require('electron')
const {Menu, MenuItem} = remote;
```
## Examples ## Examples
The `Menu` class is only available in the main process, but you can also use it
in the render process via the [`remote`](remote.md) module.
### Main process ### Main process
An example of creating the application menu in the main process with the An example of creating the application menu in the main process with the
@ -181,14 +166,14 @@ Menu.setApplicationMenu(menu)
### Render process ### Render process
Below is an example of creating a menu dynamically in a web page Below is an example of creating a menu dynamically in a web page
(render process) by using the [remote](remote.md) module, and showing it when (render process) by using the [`remote`](remote.md) module, and showing it when
the user right clicks the page: the user right clicks the page:
```html ```html
<!-- index.html --> <!-- index.html -->
<script> <script>
const {remote} = require('electron') const {remote} = require('electron')
const {Menu, MenuItem} = remote; const {Menu, MenuItem} = remote
const menu = new Menu() const menu = new Menu()
menu.append(new MenuItem({label: 'MenuItem1', click() { console.log('item 1 clicked') }})) menu.append(new MenuItem({label: 'MenuItem1', click() { console.log('item 1 clicked') }}))
@ -202,7 +187,6 @@ window.addEventListener('contextmenu', (e) => {
</script> </script>
``` ```
## Class: Menu ## Class: Menu
### `new Menu()` ### `new Menu()`