GXT 菜单按钮的样式

Question

我看到GXT菜单只能通过setMenu（）方法在CellButtonBase子类的实例上设置。我想显示图像而不是按钮，并在用户单击该图像时显示菜单。不幸的是，图像不是CellButtonBase的子类，因此我无法将GXT菜单附加到它。那么如果我必须使用它，我如何使 TextButton（这似乎是我在这里唯一的选择）看起来像一个图像？没有关于此主题的文档或示例。我询问了Sencha GXT论坛的支持，但没有得到回应。

Answer 1

好的，我找到了一种没有 TextButton 的方法。 添加一个图像并在单击处理程序中调用menu.show（...）。

  private void createMenu() {
    menu = new Menu();
    Image menuButtonImage = new Image(Resources.INSTANCE.nav_preferences());
    menuButtonImage.addStyleName(CSS.header_bar_icon());
    menuButtonImage.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        menu.showAt(getAbsoluteLeft(), getAbsoluteTop() + MENU_OFFSET_FROM_IMAGE_TOP);
      }
    });
    menu.addShowHandler(new ShowEvent.ShowHandler() {
      @Override
      public void onShow(ShowEvent event) {
        highlight();
      }
    });
    menu.addHideHandler(new HideEvent.HideHandler() {
      @Override
      public void onHide(HideEvent event) {
        removeHighlight();
      }
    });
    menu.setStyleName(CSS.menu());
    add(menuButtonImage);
  }
  private void addUserSettings() {
    MenuItem userSettingsItem = new MenuItem("User Settings");
    userSettingsItem.addSelectionHandler(new SelectionHandler<Item>() {
      @Override
      public void onSelection(SelectionEvent<Item> event) {
        _coreLayout.showUserSettingsPage();
      }
    });
    userSettingsItem.setStyleName(CSS.menu_item());
    menu.add(userSettingsItem);
  }
  private void highlight() {
    addStyleName(CSS.header_bar_icon_box_selected());
  }
  private void removeHighlight() {
    removeStyleName(CSS.header_bar_icon_box_selected());
  }