如何在Vaadin声明用户界面中将MenuItem添加到MenuBar?

时间:2015-10-02 11:52:04

标签: user-interface vaadin

MenuItem组件未添加到MenuBar:

<v-menu-bar _id="menu" width="100%" />
   <v-menu-item caption="Option 1"/>
   <v-menu-item caption="Option 2"/>
</v-menu-bar>-->

1 个答案:

答案 0 :(得分:3)

发现这个MenuBarDeclarativeTest表示应该使用&#34; menu&#34;来定义项目。

String design = "<vaadin-menu-bar auto-open='' tabindex=5>"
            + "<menu checkable=''>Save</menu>"
            + "<menu description='Open a file'>Open</menu>"
            + "<menu disabled=''>Close</menu>"
            + "<menu icon='http://foo.bar/ico.png'>Help</menu>"
            + "<menu visible='false'>About</menu>"
            + "<menu>Sub<menu>Item</menu></menu>"
            + "<menu more>WTF?!</menu>" + "</vaadin-menu-bar>";

MenuBar sources

提出了同样的建议
   public void readDesign(Element design, DesignContext designContext) {
    super.readDesign(design, designContext);
    Iterator i$ = design.children().iterator();

    while(i$.hasNext()) {
        Element itemElement = (Element)i$.next();
        if(itemElement.tagName().equals("menu")) {
            MenuBar.MenuItem menuItem = this.readMenuElement(itemElement);
            if(itemElement.hasAttr("more")) {
                this.setMoreMenuItem(menuItem);
            } else {
                this.menuItems.add(menuItem);
            }
        }
    }

    this.setHtmlContentAllowed(!design.hasAttr("plain-text"));
}

但是主菜单标记应该是 v-menu-bar 而不是 vaadin-menu-bar ,否则您将获得com.vaadin.ui.declarative.DesignException: Unknown tag: vaadin-menu-bar,至少我目前使用的是7.5.6版本。

使用&#34; v-menu-bar&#34; &安培; &#34;菜单&#34;我得到了一个相当正常的结果:-) enter image description here