Javascript 在vaadin中隐藏/展开布局

网站左上方有一个带有下拉布局的StackExchange按钮。如果你点击它，它会打开，如果你点击其他地方，它会隐藏。 在给定按钮和布局的情况下，是否可以在vaadin应用程序中创建类似的合成

两个条件是：

从代码中了解布局的状态（隐藏或显示）（这就是javascript不合适的原因）

按钮应展开并隐藏布局，单击按钮上的其余区域应仅隐藏布局（此处与StackExchange按钮相同）

有人知道解决办法吗？非常感谢。

两种可能性：

本地瓦丁：。这是瓦丁取样器中的一个样本。无法控制弹出窗口的放置，显示弹出窗口只能由视图本身控制

Vaadin插件：允许您覆盖相对于任何其他组件的任何组件（如布局），可由seaprate组件（如按钮）控制

本地瓦丁：。这是瓦丁取样器中的一个样本。无法控制弹出窗口的放置，显示弹出窗口只能由视图本身控制

---

Vaadin插件：允许您覆盖相对于任何其他组件的任何组件（如布局），可由seaprate组件（如按钮）控制

事实证明，PopupView在这方面不是很好，因为当内容未隐藏原始按钮时，双击会引发异常，因此内容应始终隐藏按钮。覆盖也不能解决这个问题。PopView本身不会在双击外部时引发异常。请参见，然后选择第二个示例；双击弹出侧=>没有例外。那里有一个“默认弹出”按钮。如果弹出内容在出现时没有隐藏此按钮，并且我单击该按钮，则会引发异常。在演示中，popup内容隐藏了按钮，因此我无法再次单击它。结果表明，PopupView在这方面不是很好，因为当内容没有隐藏原始按钮时，双击会引发异常，因此内容应始终隐藏按钮。覆盖也不能解决这个问题。PopView本身不会在双击外部时引发异常。请参见，然后选择第二个示例；双击弹出侧=>没有例外。那里有一个“默认弹出”按钮。如果弹出内容在出现时没有隐藏此按钮，并且我单击该按钮，则会引发异常。在演示中，弹出内容隐藏了按钮，因此我无法再次单击它。