java - 如何自动隐藏 GWT MenuBar 子菜单？

Question

我们最近将 GWT MenuBar 附加到我们应用程序的一部分，用于菜单目的。

基本上我希望在您将鼠标悬停在顶级菜单上时打开子菜单，这很容易做到:

menubar.setAutoOpen(true);

我还想让子菜单在用户的鼠标离开子菜单时自动隐藏。理想情况下有某种延迟以防止它突然消失，但我会满足于隐藏。

这似乎不是内置的，GWT 中的 MenuItem 对象直接子类化 UIObject，这意味着没有相对琐碎的 onBrowserEvent() 或附加鼠标监听器的地方。可能扩展 MenuItem 和下沉/取消下沉事件会让我添加这种行为，但我不确定这是否是最好的方法。

那么自动隐藏 GWT 子菜单的最佳方法是什么？

谢谢。

Answer 1

经过多次可怕的黑客攻击试图实现类似的目标，我们编写了自己的 cascading menu作为 GWT Portlets framework 的一部分.它显示 HTML 模板中的菜单项和子菜单，如下所示:

<a href="#home">Home</a>
<a href="#submenu1()">Sub Menu 1</a>
<a href="#away">Away</a>

<div id="submenu1">
    <a href="#hello_world">Hello World</a>
    <a href="#free_memory">Free Memory</a>
    <a href="#submenu2()">Sub Menu 2</a>
</div>

<div id="submenu2">
    <a href="#command_demo">Command Demo</a>
    <a href="#command1()">Command1</a>
    <a href="#command2(arg1,arg2)">Command2</a>
</div>

看起来像方法调用的 URL 广播 CommandEvent 的。其他人像往常一样触发历史 token 更改。看看 online demo查看正在运行的菜单。