1. 홈
  2. 질의 응답
  3. 스마트 gwt. 로드가 완료 될 때를 결정하는 방법

스마트 gwt. 로드가 완료 될 때를 결정하는 방법

2010-11-23 6 views
3

onModuleLoad에서 시작하는 스마트 Gwt 응용 프로그램에 진행률 막대를 작성하거나로드 GIF를 추가하려고합니다. 응용 프로그램이 곧 표시 될 때까지 끝납니다. 이것을 결정할 수있는 이벤트 핸들러가 있습니까? 나는 보았지만 아무것도 찾지 못했습니다.스마트 gwt. 로드가 완료 될 때를 결정하는 방법

출처

2010-11-23 Kwame

답변

2

다른 사람을 검색하는 동안 아무도 알려지지 않은 것을 알 수 있습니다. SmartGWT 쇼케이스를 보면 응용 프로그램이로드되는 동안 표시되는 팝업이 있습니다. 내 응용 프로그램에서 나는 거기 메커니즘을 coopted 당신은 단순히 webapp.html이를 추가해야합니다 : 스크립트 태그가 당신의 웹 애플리케이션을로드하기 전에 <body>의 일환으로 <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>

의 일환으로

.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-->

출처

2011-05-13 19:32:33 BRF

관련 문제

 관련 문제