Attach a context menu to a GWT MenuItem

Question

A GWT MenuItem extends UIObject - any idea how I can add event handlers to it for example I want a special context menu for right-clicking on a MenuItem. Thanks!

Answer 1

You can use underlying element of the MenuItem object:

final Element element = menuItem.getElement();
Event.addNativePreviewHandler(new Event.NativePreviewHandler() {
    @Override
    public void onPreviewNativeEvent(Event.NativePreviewEvent event) {
        if (event.getTypeInt() == Event.ONMOUSEDOWN 
                && event.getNativeEvent().getButton() == Event.BUTTON_RIGHT 
                && event.getNativeEvent().getEventTarget().equals(element)) {
            showSpecialMenu();
        }
    }
});

Event.sinkEvents(element, Event.ONMOUSEDOWN);

Or like this (also you will be able to prevent default context menu):

final Element element = menuItem.getElement();
Event.addNativePreviewHandler(new Event.NativePreviewHandler() {
    @Override
    public void onPreviewNativeEvent(Event.NativePreviewEvent event) {
        if (event.getTypeInt() == Event.ONCONTEXTMENU && event.getNativeEvent().getEventTarget().equals(element)) {
            // prevent default context menu
            event.getNativeEvent().stopPropagation();
            event.getNativeEvent().preventDefault();

            // show custom context menu
            showSpecialMenu();
        }
    }
});

Event.sinkEvents(element, Event.ONCONTEXTMENU);

You can do both like this:

......
Event.sinkEvents(element, Event.ONCONTEXTMENU | Event.ONMOUSEDOWN);