2010-11-23 4 views
3

J'essaie d'écrire une barre de progression ou d'ajouter un gif de chargement à mon application Smart Gwt, qui démarre dans onModuleLoad, et se termine lorsque l'application est sur le point d'afficher. Existe-t-il un type de gestionnaire d'événement capable de le déterminer? J'ai regardé mais je n'ai rien trouvé.Smart gwt. Comment déterminer quand le chargement est terminé

Répondre

2

Remarqué personne n'a répondu à cette question lors de la recherche d'autre chose. Si vous regardez la vitrine SmartGWT, une fenêtre contextuelle s'affiche pendant le chargement de l'application. Dans ma demande, je cooptée le mécanisme et il vous suffit d'ajouter à votre webapp.html:

dans le cadre du <head>

<!--CSS for loading message at application Startup--> 
<style type="text/css"> 
    body { overflow:hidden } 
    #loading { 
     border: 1px solid #ccc; 
     position: absolute; 
     left: 45%; 
     top: 40%; 
     padding: 2px; 
     z-index: 20001; 
     height: auto; 
    } 

    #loading a { 
     color: #225588; 
    } 

    #loading .loadingIndicator { 
     background: white; 
     font: bold 13px tahoma, arial, helvetica; 
     padding: 10px; 
     margin: 0; 
     height: auto; 
     color: #444; 
    } 

    #loadingMsg { 
     font: normal 10px arial, tahoma, sans-serif; 
    } 
</style> 

dans le cadre du <body> avant la balise de script de chargement de votre WebApp .nocache.js:

<!--add loading indicator while the app is being loaded--> 
<div id="loadingWrapper"> 
<div id="loading"> 
<div class="loadingIndicator"> 
    <!--<img src="images/pieces/48/cube_green.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>SmartGWT<br/>--> 
    <img src="WebApp/sc/skins/EnterpriseBlue/images/loading.gif" width="16" height="16" style="margin-right:8px;float:left;vertical-align:top;"/>WebApp<br/> 
    <span id="loadingMsg">Loading styles and images...</span></div> 
    </div> 
</div> 

<!--load skin--> 
<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading skin...';</script> 

<script type="text/javascript"> 
document.write("<"+"script src=WebApp/sc/skins/EnterpriseBlue/load_skin.js isc_version=7.1.js><"+"/script>"); 
</script> 

<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Application<br>Please wait...';</script> 
<!--include the application JS--> 
Questions connexes