GWT MenuBar.Resources...被忽略了？

Question

我正在创建一个MenuBar，我想让它在有要显示的子元素时显示一个小图标。我认为我可以这样实现：

interface ActionHeroResources extends ClientBundle, MenuBar.Resources
{
    @Source("actionhero.css")
    public ActionHeroCSS css();

    @Override
    @Source("agw-dropdown.png")
    ImageResource menuBarSubMenuIcon();
}

private static final ActionHeroResources RESOURCES = GWT.create(ActionHeroResources.class);

MenuBar actionMenu = new MenuBar(true, RESOURCES);

public ActionHero()
{
    actionMenu.addItem("Select", aSelectMenuFullOfOptions);
}

但是菜单会出现"Select“和no图标！我确信我的ImageResource工作正常，因为我后来使用了来自相同资源的menuBarSubMenuIcon().getURL()，并且我的图像正如您所期望的那样显示出来。在GWT生成的超文本标记语言中，带有MenuBars子项的项和带有命令的项是完全没有区别的。我的CSS运行得很好。

有什么想法吗？

Answer 1

最终的问题是，构成子菜单的弹出式面板从父菜单获取其样式名，但附加了一个依赖的样式名。我不知道有什么方法可以预测依赖的样式名是什么，因为原始的样式名是模糊的。我通过使用更通用的.gwt-MenuBar popup样式名解决了这个问题。这只会起作用，因为我的程序中只有一种风格的弹出菜单-如果我想让两个弹出菜单看起来不同，我不确定我会怎么做！

希望在以后的gwt版本中，MenuBar样式将更接近传递给菜单栏的资源，并减少依赖样式名称的使用。

Answer 2

尝试覆盖.gwt-MenuBar-垂直.subMenuIcon-selected的CSS样式，如下所示：

.gwt-MenuBar-vertical .subMenuIcon-selected {
    background: none;
}

我把这个用在我自己选择的项目上，效果很好：

.gwt-MenuBar-vertical .subMenuIcon-selected {
    background: url(images/hand_pointer.png) no-repeat 0px 0px;
}

Answer 3

您可以简单地为显示在子菜单中的设置css规则，如下所示：

.subMenuIcon > img {
    /* override gwt sub menu icon */
    width: 6px !important;
    height: 11px !important;
    background: url('your-image-relative-path.png') no-repeat 0px 0px !important;
}