Code:

import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.Command;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.MenuBar;
import com.google.gwt.user.client.ui.MenuItem;
import com.google.gwt.user.client.ui.PopupPanel;

/**
 *
 * @author fkasoft
 */
public class AudioWidget extends HTML {

    public static String filename = null;

    public AudioWidget(String sfilename, String iconUrl) {
        AudioWidget.filename=sfilename;
        setPixelSize(138, 130);
        setHTML(""
            +""+filename+"");
    }

       @Override
        public void onBrowserEvent(Event event) {
                if( DOM.eventGetType(event) == Event.ONCLICK
                && DOM.eventGetCtrlKey(event) ){

                }
                if (DOM.eventGetButton(event) == Event.BUTTON_RIGHT) {
                    GWT.log("Event.BUTTON_RIGHT", null);
                    onRightClickBroker(this, event);
                }
                sinkEvents(Event.ONMOUSEUP | Event.ONDBLCLICK | Event.ONCONTEXTMENU);
                super.onBrowserEvent(event);
            }

            private void onRightClickBroker(HTML aThis, Event event) {

                final PopupPanel popupPanel = new PopupPanel();
                popupPanel.setPixelSize(85, 100);

                Command showPlayerCommand = new Command() {
                  public void execute() {

                    popupPanel.hide();
                    MainEntryPoint.aPanel.remove(popupPanel);

                  }
                };

                  MainEntryPoint.rightClickFired=true;
                  // Window.alert("audio icon right clicked");
                  MenuBar popupMenuBar = new MenuBar(true);
                  MenuItem playerItem = new MenuItem("Play", true, showPlayerCommand);

                    popupMenuBar.addItem(playerItem);
                    popupMenuBar.setVisible(true);
                    popupPanel.add(popupMenuBar);

                     DOM.setStyleAttribute(popupPanel.getElement(), "background-color", "gray");
                      DOM.setStyleAttribute(popupPanel.getElement(), "border-color", "gray gray gray gray");
                      DOM.setStyleAttribute(popupPanel.getElement(), "border-width", "1px 3px 3px 1px");
                      DOM.setStyleAttribute(popupPanel.getElement(), "border-style", "solid solid solid solid");
                      DOM.setStyleAttribute(playerItem.getElement(), "font-weight", "normal");
                      DOM.setStyleAttribute(playerItem.getElement(), "font-size", "80%");

                    popupPanel.setVisible(true);
                    MainEntryPoint.aPanel.add(popupPanel, event.getClientX(), event.getClientY());

            }
}

here’s the main

public class MainEntryPoint implements EntryPoint {

/**
* Creates a new instance of MainEntryPoint
*/

public static RootPanel rootPanel;

static { rootPanel = null; }

public static boolean rightClickFired = false;

public MainEntryPoint() {
}

public static AbsolutePanel aPanel = null;

public void onModuleLoad() {

// panelMenu.

RootPanel.get().setPixelSize(800, 1200);
aPanel = new AbsolutePanel(){

public void onBrowserEvent(Event event) {
if( DOM.eventGetType(event) == Event.ONCLICK
&& DOM.eventGetCtrlKey(event) ){

}
if (DOM.eventGetButton(event) == Event.BUTTON_RIGHT) {
GWT.log(“Event.BUTTON_RIGHT”, null);
onRightClickBroker(this, event);
}

super.onBrowserEvent(event);
}

private void onRightClickBroker(AbsolutePanel aThis, Event event) {

if(!rightClickFired)
Window.alert(“Panel Clicked”);
else
rightClickFired=false;

}

};

aPanel.sinkEvents(Event.ONCLICK | Event.ONMOUSEDOWN);
aPanel.setPixelSize(800, 1200);

// register a drag controller with RootPanel
PickupDragController dragController =
new PickupDragController(aPanel, true);

dragController.setBehaviorConstrainedToBoundaryPanel(true);

Widget folderWidget = new FolderWidget
(“images/folder.png”);
Widget imgWidget = new ImageWidget
(“images/asianguy.jpg”,”asianguy.jpg”);
Widget audioWidget = new AudioWidget
(“2000 Live On Earth (CD 2)-04 Namah Shivayah.mp3″,”images/audio.png”);

dragController.makeDraggable(imgWidget);
dragController.makeDraggable(audioWidget);
dragController.makeDraggable(folderWidget);
SimpleDropController dropController = new SimpleDropController(folderWidget);

dragController.registerDropController(dropController);

aPanel.add(folderWidget, 25, 50);
aPanel.add(imgWidget, 250, 50);
aPanel.add(audioWidget, 25, 250);
RootPanel.get().add(aPanel, 0 , 0);

}
}
//
// AND HERE’s and example of AudioWidget.java

public class AudioWidget extends HTML {
public AudioWidget(String filename, String iconUrl) {
setPixelSize(138, 130);
setHTML(“”
+”"+filename+”");
}
public void onBrowserEvent(Event event) {
if( DOM.eventGetType(event) == Event.ONCLICK
&& DOM.eventGetCtrlKey(event) ){

}
if (DOM.eventGetButton(event) == Event.BUTTON_RIGHT) {
GWT.log(“Event.BUTTON_RIGHT”, null);
onRightClickBroker(this, event);
}

super.onBrowserEvent(event);
}

@Override
public void sinkEvents(int eventBitsToAdd) {
super.sinkEvents(Event.ONCLICK | Event.ONMOUSEDOWN);
}

private void onRightClickBroker(HTML aThis, Event event) {

MainEntryPoint.rightClickFired=true;
Window.alert(“audio icon right clicked”);

}
}


public class ContextMenuHorizontalPanel extends HorizontalPanel {

default:
break; // Do nothing
}//end switch
}
}


What’s important is that I stopped sinking ONMOUSEUP events (or more precisely, I’ve stopped acting on them). The fact that I was doing my context menu in the ONMOUSEUP seems to have prevented the stopPropagation and preventDefault from being effective on the ONCONTEXTMENU? I’m not sure exactly what’s going on, but I’m happy to find something that finally works without having to disable the default context menu on the whole application.

Any ideas why this doesn’t work on GWT2? BTW, I’m using GWT 2.2.

public class BrowserPresenter implements ContextMenuHandler {
private BrowserView view; // a composite widget

public BrowserPresenter(Widget _view) {
view = (BrowserView) _view;
view.browserTree.addDomHandler(this, ContextMenuEvent.getType());
}

@Override
public void onContextMenu(ContextMenuEvent event) {
event.stopPropagation(); //This will stop the event from being propagated to parent elements.
event.preventDefault(); // because cancelBubble(Boolean) is deprecated
Window.alert(“replace this line with your popup function “);
}

In IE8 did not work.
I had to use an explicte script (stolen from another site…).

function mycontextmenu()
{
return false;
}
document.oncontextmenu = mycontextmenu;

Then suppression of the context menu in IE worked as well as in FireFox.