Question

我正在尝试在vaadin TextField组件中运行搜索时设置加载图像。

我扩展了一个TextField组件以实现客户端。现在当一个键启动时，加载图像在DOM中创建并显示在TextField之后。但是现在在我的搜索结束时（在服务器端），我想从DOM中删除加载图像，但我不知道如何从DOM中获取此图像及其在Vaadin中的ID ......

在客户端，创建图像的代码是：

com.google.gwt.dom.client.Element loadingImageElement = DOM.createImg();
loadingImageElement.setAttribute("src", "VAADIN/themes/mytheme/img/ajax-loader.gif");
loadingImageElement.setId("loadingImageId");

在服务器端，我想从其DOM ID获取图像，但这不起作用：

Element loadingImage = DOM.getElementById("loadingImageId");
if (loadingImage != null) {
    loadingImage.removeFromParent();
}

如果我使用com.google.gwt.dom.client.Element，则会抛出：

java.lang.NoClassDefFoundError: com/google/gwt/dom/client/Element

如果我使用com.google.gwt.user.client.Element（不建议使用），则会抛出：

java.lang.NoClassDefFoundError: com/google/gwt/user/client/DOM

我会感谢任何帮助！

谢谢，

Answer 1

最后我解决了它：

JavaScript.getCurrent().execute("$(\"#loadingImageId\").remove()");

如何从其DOM ID获取Vaadin图像

1 个答案: