如何在Vaadin Flow版本12中偷工减料地操纵菜单栏

Question

根据手册中的组件页面，根据本论坛帖子，将在2019年6月为第14版的Vaadin Flowpromise提供一个合适的菜单栏小部件。

在此之前，该页面建议使用Select和ContextMenu在第12版中安装菜单栏。

梅努巴

计划在瓦丁14号。当前可通过组合选择（V12）和上下文菜单（V12）进行设置

（a） 我在版本12Javadoc中找不到Select或ContextMenu。

（b） 有人可以分享一个示例实现吗？

Answer 1

ContextMenu至少在12.0.0中是可传递的依赖项。β1

一些非常基本的示例（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）来嘲笑用户界面。