vaadin - 如何在 Vaadin Flow 版本 12 中构建菜单栏

Question

根据手册中的“组件”页面，根据该论坛主题，承诺在明年 2019 年 6 月的版本 14中为 Vaadin Flow 提供适当的菜单栏小部件。

在那之前，该页面建议可以在版本 12 中使用Select和ContextMenu.

菜单栏

计划用于 Vaadin 14。目前可以通过组合 Select (V12) 和 ContextMenu (V12) 来制作

(a) 我在版本 12 JavaDocSelect中都找不到。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。