如何在Vaadin Flow版本12中杰瑞装备菜单栏

Question

根据手册中的this forum thread，承诺在2019年6月为in version 14使用适当的菜单栏小部件，以用于Vaadin Flow Components page。

在此之前，该页面建议您可以使用Select和ContextMenu在版本12中操纵菜单栏。

  

MenuBar

     

针对Vaadin 14的计划。当前可以通过组合使用Select（V12）和ContextMenu（V12）来制作

（a）我在version 12 JavaDoc中找不到Select或ContextMenu。

（b）有没有人分享一个示例实现？

Answer 1

ContextMenu是至少 12.0.0.beta1

中的传递依赖

一些非常基本的示例（Groovy 2.5）：

def fileMenu
content.add(
        fileMenu = new Div(new Text("File")).tap{
            style.set('cursor', 'pointer')
        },
)
new ContextMenu(fileMenu).tap{
    openOnClick = true // allows opening with a left-click
    addItem("Open", {println "open"})
    addItem("Save", {println "save"})
}

鉴于其粗略的性质以及从webcomponents.org添加某些内容的相对容易性，您可能会选择其他更好的选择。然而，似乎只有一个经典的菜单栏（https://www.webcomponents.org/element/wiredjs/wired-menu-bar）用于模拟UI。