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

📝 Fix the outdated menu example, closed #389.

Browse source
This commit is contained in:
Cheng Zhao 2014-06-10 13:29:09 +08:00
parent f063a63b69
commit 444fe8bf1f
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/api/menu.md
View file

@ -4,12 +4,16 @@ The `Menu` class is used to create native menus that can be used as
application menu and context menu. Each menu is consisted of multiple menu application menu and context menu. Each menu is consisted of multiple menu
items, and each menu item can have a submenu. items, and each menu item can have a submenu.
An example of creating a menu dynamically and show it when user right clicks An example of creating a menu dynamically in web page by using the
[remote](remote.md) module, and show it when user right clicks
the page: the page:
```javascript ```html
var Menu = require('menu'); <!-- index.html -->
var MenuItem = require('menu-item'); <script>
var remote = require('remote');
var Menu = remote.require('menu');
var MenuItem = remote.require('menu-item');
var menu = new Menu(); var menu = new Menu();
menu.append(new MenuItem({ label: 'MenuItem1', click: function() { console.log('item 1 clicked'); } })); menu.append(new MenuItem({ label: 'MenuItem1', click: function() { console.log('item 1 clicked'); } }));
@ -18,13 +22,15 @@ menu.append(new MenuItem({ label: 'MenuItem2', type: 'checkbox', checked: true }
window.addEventListener('contextmenu', function (e) { window.addEventListener('contextmenu', function (e) {
e.preventDefault(); e.preventDefault();
menu.popup(); menu.popup(remote.getCurrentWindow());
}, false); }, false);
</script>
``` ```
Another example of creating the application menu with the simple template API: Another example of creating the application menu with the simple template API:
```javascript ```javascript
// main.js
var template = [ var template = [
{ {
label: 'Atom Shell', label: 'Atom Shell',