Question

我在html页面中定义了一个div元素，并且通过GWT我试图访问它，但截至目前我还没有设法。

这个div的用法是在应用程序完成一些RPC时显示加载类型的gif屏幕。

我使用的代码是：

<div class="loadingMessage" align="center">    
    <div class="popupEsperaImagen">
        <img src="progreso.gif" width="10%" height="10%" id="ImagenEspera"/>
    </div>
</div>

和

    public static void showLoadingBanner(){
        DOM.getElementById("loadingMessage").getStyle().setDisplay(Display.BLOCK);
    }

    public static void hideLoadingBanner(){
        DOM.getElementById("loadingMessage").getStyle().setDisplay(Display.NONE);
    }

当我调试应用程序时，检查DOM.getElementById（“loadingMessage”）将返回null。

我已经在stackoverflow论坛中浏览了一下，但还没找到任何合适的解决方案。

你能否告诉我一些我可能遗失的事情？

提前感谢您的时间，

亲切的问候，

Answer 1

Dom.getElementById将通过它的id字段得到一个元素而不是它的类字段。您需要为div元素添加一个id。

<div id="loadingMessage" class="loadingMessage" align="center">

Answer 2

关于GWT中项目的可见性，这是我从Chris Hinshaw的回应中得到的解决方案：

显示div：

DOM.getElementById("loadingMessage").getStyle().setVisibility(Visibility.VISIBLE);

隐藏div：

DOM.getElementById("loadingMessage").getStyle().setVisibility(Visibility.HIDDEN);

使用上面提出的解决方案。

用GWT显示div层

2 个答案: