ej2-javascript-samples/src/context-menu/context-menu.js at master · jesusarockias/ej2-javascript-samples · GitHub

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
this.default = function() {

    //ContextMenu items definition
    var menuItems = [
        {
            text: 'Cut',
            iconCss: 'e-cm-icons e-cut'
        },
        {
            text: 'Copy',
            iconCss: 'e-cm-icons e-copy'
        },
        {
            text: 'Paste',
            iconCss: 'e-cm-icons e-paste',
            items: [
                {
                    text: 'Paste Text',
                    iconCss: 'e-cm-icons e-pastetext'
                },
                {
                    text: 'Paste Special',
                    iconCss: 'e-cm-icons e-pastespecial'
                }
            ]
        },
        {
            separator: true
        },
        {
            text: 'Link',
            iconCss: 'e-cm-icons e-link'
        },
        {
            text: 'New Comment',
            iconCss: 'e-cm-icons e-comment'
        }
    ];

    //ContextMenu model definition
    var menuOptions = {
        target: '#contextmenutarget',
        items: menuItems,
        // Event triggers while rendering each menu item where “Link” menu item is disabled
        beforeItemRender: function (args) {
            if (args.item.text === 'Link') {
                args.element.classList.add('e-disabled');
            }
        }
    };

    var menuObj = new ej.navigations.ContextMenu(menuOptions, '#contextmenu');
    if (ej.base.Browser.isDevice) {
        ej.base.select('#contextmenutarget').textContent = 'Touch hold to open the ContextMenu';
        menuObj.animationSettings.effect = 'ZoomIn';
    }
    else {
        ej.base.select('#contextmenutarget').textContent = 'Right click/Touch hold to open the ContextMenu';
        menuObj.animationSettings.effect = 'SlideDown';
    }
};