如何在 Vaadin 声明式 UI 中将 MenuItem 添加到 MenuBar? [英] How to add MenuItem's to a MenuBar in Vaadin Declarative UI?
本文介绍了如何在 Vaadin 声明式 UI 中将 MenuItem 添加到 MenuBar?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
MenuItem 组件未添加到 MenuBar:
<v-menu-item caption="选项 1"/><v-menu-item caption="选项 2"/></v-menu-bar>-->
解决方案
发现这个
The MenuItem components are not added to the MenuBar:
<v-menu-bar _id="menu" width="100%" />
<v-menu-item caption="Option 1"/>
<v-menu-item caption="Option 2"/>
</v-menu-bar>-->
解决方案
Found this MenuBarDeclarativeTest which suggests that items should be defined with just "menu".
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>";
The same is suggested by the 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"));
}
However the main menu tag should be v-menu-bar instead of vaadin-menu-bar or you'll get a com.vaadin.ui.declarative.DesignException: Unknown tag: vaadin-menu-bar
, at least with version 7.5.6 which I am using for the time being.
Using "v-menu-bar" & "menu" I got a fairly normal result :-)
这篇关于如何在 Vaadin 声明式 UI 中将 MenuItem 添加到 MenuBar?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文