如何在 Vaadin 声明式 UI 中将 MenuItem 添加到 MenuBar？答案

【问题标题】：How to add MenuItem's to a MenuBar in Vaadin Declarative UI?如何在 Vaadin 声明式 UI 中将 MenuItem 添加到 MenuBar？
【发布时间】：2015-12-30 15:06:42
【问题描述】：

MenuItem 组件未添加到 MenuBar：

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

【问题讨论】：

标签： user-interface vaadin

【解决方案1】：

发现了这个MenuBarDeclarativeTest，这表明项目应该只用“菜单”来定义。

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，我暂时用的。

使用“v-menu-bar”和“menu”我得到了一个相当正常的结果:-)

【讨论】：

你又来了！ :) 当使用 Vaadin 声明式 UI 时，我猜你需要深入研究源代码。但是，我不清楚如何将 MenuItem 实例绑定到命令。使用“_id”不起作用
@rmuller 我发现自己处于类似情况，所以我做了我的挖掘工作。毕竟这就是 SO 的意义，分享知识和帮助他人，不是吗？干杯队友
@rmuller 对不起，我没有看到编辑，但我对你的其他问题添加了评论:)