如何使用本机GWT (Java)实现上下文菜单



我是GWT新手!谁能帮助我实现与GWT上下文菜单?我看到过这样的例子:

MenuBar options = new MenuBar(true);
        MenuBar gwtPopup = new MenuBar(true);
        options.addItem("GWT", gwtPopup );
        MenuItem entryPoint = new MenuItem(new SafeHtmlBuilder().appendEscaped("EntryPoint").toSafeHtml());
        entryPoint.setScheduledCommand(new ScheduledCommand()
        {
            public void execute()
            {
                Window.alert( "hello" );
            }
        } );
        final DialogBox menuWrapper = new DialogBox( true );
        menuWrapper.add( options );
        gwtPopup.addItem( entryPoint );
        Button showMenu = new Button( "Click me", new ClickHandler()
        {
            public void onClick( ClickEvent event )
            {
                menuWrapper.showRelativeTo( menuWrapper );
            }
        } );
        RootPanel.get().add( showMenu );

但它不起作用。谢谢。

刚刚在博客上为您提供了使用我的工作代码完成的步骤。

上下文菜单或右键单击处理程序在GWT。

下面是该代码的关键部分。

lable.sinkEvents(Event.ONCONTEXTMENU);
lable.addHandler(
    new ContextMenuHandler() {
        @Override
        public void onContextMenu(ContextMenuEvent event) {
            event.preventDefault();
            event.stopPropagation();
            popupMenu.setPopupPosition(
                event.getNativeEvent().getClientX(),
                event.getNativeEvent().getClientY());
            popupMenu.show();
        }
    }, ContextMenuEvent.getType()
);

event.getNativeEvent(). getclientx()和event.getNativeEvent(). getclienty()滚动页面后不能正常工作

解决方案如下:

@Override
public void onContextMenu(ContextMenuEvent event) {
    NativeEvent nativeEvent = event.getNativeEvent();
    // stop the browser from opening the context menu
    event.preventDefault();
    event.stopPropagation();
    int x = nativeEvent.getClientX() + getScrollLeft();
    int y = nativeEvent.getClientY() + getScrollTop();
    this.contextMenu.setPopupPosition(x, y);
    this.contextMenu.show();
}
public static native int getScrollTop() /*-{
return $doc.body.scrollTop;
}-*/;
public static native int getScrollLeft() /*-{
return $doc.body.scrollLeft;
}-*/;

最新更新