Context Menu in angular2-tree-component

Question

Need help in implementing context menu (right click) in angular2-tree-component. Please help in this.I have got the tree working fine. I dont know how to get the IActionMapping functions working.

have you got any solution ?

Sagar Patel
– Sagar Patel

2017-05-09 12:04:17 +00:00
Commented May 9, 2017 at 12:04 — Sagar Patel
– Sagar Patel, Commented May 9, 2017 at 12:04

umasudhan · Accepted Answer · 2017-11-03 04:30:14Z

2

What I did was to programmatically trigger the context menu on right click.

Add a hook for right click by specifying the action mapping in the tree option in your controller:

options: ITreeOptions = {
    actionMapping: {
        mouse: {
            contextMenu: (model: any, node: any, event: any) => {
                this.onContextMenu(event, node.data.name);
                console.log('in context menu...');
            }
        }
    },
};

Specify this as your tree option in your tree-root:

<tree-root #tree [nodes]="nodes" [options]="options"></tree-root>

trigger the context menu programmatically in the onContextMenu method- I used ngx-contextmenu

answered Nov 3, 2017 at 4:30

umasudhan

1772 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Furqan Safdar Over a year ago

How and where you have defined onContextMenu?

umasudhan Over a year ago

@FurqanSafdar have a look at npmjs.com/package/ngx-contextmenu

Collectives™ on Stack Overflow

Context Menu in angular2-tree-component

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related