12-23 03:50
Notice
Recent Posts
Recent Comments
관리 메뉴

Scientific Computing & Data Science

[WebApp / Node Webkit] Example 9 - Window Menus 본문

Programming/Web App

[WebApp / Node Webkit] Example 9 - Window Menus

cinema4dr12 2016. 2. 8. 14:40

 

이번 글에서는 Window Menus를 생성하는 방법을 알아보도록 하겠다.

Codes

package.json

{
    "main": "index.html",
    "name": "window menus"
}

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <title>Window Menu Example</title>
 
    <script>
 
    var nw = require('nw.gui');
 
    // Window menu
    var windowMenu = new nw.Menu({
        type: 'menubar'
    });
 
    // Help menu
    var helpMenu = new nw.Menu();
    
    // License menu
    var viewLicense = new nw.Menu();
 
    // Add help menu to window menu
    windowMenu.append(new nw.MenuItem({
        label: 'Help',
        submenu: helpMenu
    }));
    
    // Add view license menu to window menu
    windowMenu.append(new nw.MenuItem({
        label: 'View License',
        submenu: viewLicense
    }));
 
    // About sub-entry
    helpMenu.append(new nw.MenuItem({
        label: 'about',
        click: function() {
            alert('Window Menu Example ver.1.0.0');
        }
    }));
    
    // View License sub-entry
    viewLicense.append(new nw.MenuItem({
        label: 'view license',
        click: function() {
            alert('License to CINEMA4D');
        }
    }));
 
    // Assign to window
    nw.Window.get().menu = windowMenu;
 
    </script>
 
</head>
<body>
 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, ab!</p>
    <p>Quos nemo dolorem iste nobis repudiandae neque perferendis necessitatibus labore!</p>
    <p>Fugit, fuga alias iure dolore ab quis error nulla delectus.</p>
    <p>Neque, eos dignissimos maxime illo obcaecati debitis nemo pariatur quos!</p>
    <p>Aspernatur, quae sit tempore mollitia hic perspiciatis dolore. Ratione, ipsa?</p>
    <p>Aliquam, quidem sint veniam iste architecto deleniti sed consequuntur vel.</p>
 
</body>
</html>
cs

Results 





Comments