Manually Trigger about contextmenu.js

[s-yadav]

Not documented. But you can do so in two case, (as we dont have the x and y position on manually trigger without mouse event)
i) you have to provide left and top option in context menu or
ii) if displayAround option is set to "trigger'

For example
$('#button').contextMenu('#popupMenu',{triggerOn:'myevent','left':'30px','top':'30px'});

or
$('#button').contextMenu('#popupMenu',{displayAround :'trigger'});

Than to open contextMenu you can use.
$('#button').trigger('myevent');

Let me if you have some other requirement or have any issue.

[bensquire]

Thanks @s-yadav, in the above examples 'myevent' is just a string presumably that could be anything?

[bensquire]

Hi @s-yadav,

I think there may be an error... the menu is correctly triggering but with the style attribute "display: none" looking in the code suggests that its the line 267 of the uncompressed code:

if (!btChck) {
    $('.iw-contextMenu').css('display', 'none');
}

I am triggering the event using:

var menu = [
    {
        name: 'create',
        title: 'create button',
        disable: false,
        fun: function() {
            alert('i am add button');
        }
    }
];

$('#container').contextMenu(menu, {triggerOn: 'test', 'top': 100, 'left': 1});
$('#container').trigger('test');

I would attempt a bug fix but I'm not sure I understand the code well enough at this point.

Let me know if you need any additional information,
Thanks

Ben

[s-yadav]

Hi Ben...
that line is to maintain single instance of context menu in a page( So already opened context menu is closed when other context is fired). That may be not the issue point.
I tried with same code you provided and it worked for me.

Following may be reason your context menu is closing.

1. You are clicking outside(manually or pragmatically) of context menu which closes the context menu.
2. You are triggering context menu in click of any other element. (If this the case add event.preventDefault() in your click event).
3. You are triggering more than one context menu.

However I will put an option so multiple instance can be maintained in the browser(may be required on some use case.)

Please let me know if any of this are reason. Or if you can explain in which scenario you are triggering your contextmenu, I can debug.