如何从其 DOM id 获取 Vaadin 图像

Question

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

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

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

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 图像

How to get a Vaadin Image from its DOM id

dom

image

vaadin