如何隐藏嵌入在非 Vaadin 页面上的 Vaadin 7 UI？答案

【问题标题】：How to hide a Vaadin 7 UI embedded on a non-Vaadin page?如何隐藏嵌入在非 Vaadin 页面上的 Vaadin 7 UI？
【发布时间】：2014-11-19 09:45:37
【问题描述】：

我正在使用“div”技术将 Vaadin 应用程序嵌入到非 Vaadin 网页中，如 https://vaadin.com/book/-/page/advanced.embedding.html 中所述

我想在某些情况下完全隐藏 Vaadin UI，而在其他时候显示。

这是否可能来自 Vaadin 应用程序？如果可以，如何实现？

我们看过：

JavaScript.getCurrent().execute("document.getElementById('my_vaadin_div').style.display = 'none';"); - 工作但不是纯 Java...
GWT 的 DOM.getElementById("my_vaadin_div").setAttribute("display", "none"); - 不起作用可能是因为 DOM 是客户端 GWT。

【问题讨论】：

标签： html vaadin vaadin7

【解决方案1】：

我认为您的第二个选择是要走的路。您想隐藏包含您的 Vaadin 应用程序的 div，所以在这里您有一个纯粹的客户端操作。您可以使用 GWT 来做到这一点，以留在 Java 领域。当然，您不能直接从服务器端执行您提出的 GWT 代码。但是您可以编写一个 component extension 来扩展您的 UI 实例。使用ClientRPC，您可以打开或关闭div。

【讨论】：