Загрузка изображения в GWT

Question

Я работал над проектом в GWT, для которого мне нужно было показать загрузочное изображение как «Пожалуйста, подождите ...».

Я смог исправить это до загрузки страницы.Но во время изменений токена истории я не могу показать то же самое.Я создал разделение, как показано ниже:

<div id="loader">
            <div id="loaderPanel">
            </div>
            <div id="loaderImage">
                <div id="loaderText">
                    <b>Please Wait...</b>
                </div>
                <img src="images/loader.gif"/>
            </div>
        </div>

Кроме того, вот мой CSS

#loaderPanel {
    background-color: white;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}


#loaderImage {
    background-color: transparent;
    left: 48%;
    position: fixed;
    top: 48%;
    z-index: 1002;
}

#loaderImage img{
    height:22px;
    margin-left:4px;
    margin-top:0px;
    width:119px;
}   

#loaderText{
    font-family:'Verdana';
    font-weight:bold;
    font-size:0.9em;
    float:left;
}

Это фрагмент кода, который я использовал, чтобы сделать DIV видимым и невидимым.

DOM.getElementById("loader").getStyle().setDisplay(Display.NONE);
DOM.getElementById("loader").getStyle().setDisplay(Display.BLOCK);

Может кто-нибудь предложить мне лучший способ показать изображение загрузки GIF для истории изменений?

Answer 1

Я получил ответ,

Не показывалось изображение загрузки, потому что локально выполнение было намного быстрее.Но когда дело дошло до рабочего режима, я обнаружил, что некоторое время он показывает загрузочное изображение.

Так как моему клиенту строго нужно показывать загрузчик, он предложил мне добавить небольшую задержку.Поэтому я добавил задержку внутри запланированного таймера.К тому времени, когда он показывает загрузчик, я выполнил предварительную выборку изображений и других объектов, используемых на странице.

Поэтому я отмечаю свой вопрос как Закрыт ...

Answer 2

Вам следует реализовать HistoryListener и показать gif при вызове метода onModuleLoad ():

http://google -web-toolkit.googlecode.com / svn / javadoc / 1.5 / com / google/gwt/user/client/History.html