Блог

Главная - Вопросы по программированию - фрагмент загрузки gxt

фрагмент загрузки gxt

#javascript #html #css #gwt #gxt

#javascript #HTML #css #gwt #gxt

Вопрос:

я использовал этот код в приложении gxt, чтобы иметь элемент загружаемого фрагмента:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css" />
    <link type="text/css" rel="stylesheet" href="MyApp.css">
    <title>MyApp</title>    
  </head>
  <body>
<style>
#loading {
position: absolute; left: 45%; top: 40%; padding: 2px;   
margin-left:-45px; z-index:20001; border:1px solid #ccc;
}
#loading .loading-indicator {
background:#eef;font:bold 13px tahoma,arial,helvetica;
padding:10px;margin:0;height:auto;color:#444; 
}
#loading .loading-indicator img {
margin-right:8px; float:left; vertical-align:top;
}
#loading-msg {font:normal 10px arial,tahoma,sans-serif;}
</style>
<div id="loading">
<div class="loading-indicator">
<img src="gxt/images/default/shared/large-loading.gif"/>
myCustomerContacts<br />
<span id="loading-msg">Loading application...</span>
</div>
</div>
    <script type="text/javascript" language="javascript" src="myapp/myapp.nocache.js"></script>
  </body>

</html>

почему загрузка, почему загрузочный фрагмент не останавливается при загрузке приложения?

Комментарии:

1. Попробуйте добавить больше информации к вашему вопросу. Совсем не понятно, о чем вы спрашиваете.

2. Если вы также можете сократить свой код до минимума, необходимого для воспроизведения проблемы, другим будет намного проще помочь.

Ответ №1:

После загрузки вашего приложения вам необходимо удалить загрузочный div из DOM.

Это можно сделать следующим образом:

  DOM.removeChild(RootPanel.getBodyElement(), DOM.getElementById("loading"));

Вот хороший итог Дэвида Чандлера из команды GWT о том, что вы пытаетесь сделать: http://turbomanage.wordpress.com/2009/10/13/how-to-create-a-splash-screen-while-gwt-loads /