3

プログレス バーを作成するか、onModuleLoad で開始し、アプリが表示されようとしているときに終了する Smart Gwt アプリケーションに読み込み中の gif を追加しようとしています。これを判断できるイベント ハンドラーの種類はありますか? 私は見ましたが、何も見つかりませんでした。

4

1 に答える 1

2

他の何かを検索しているときに、誰もこれに答えていないことに気付きました。SmartGWT ショーケースを見ると、アプリケーションのロード中に表示されるポップアップがあります。私のアプリケーションでは、そこにメカニズムを採用しました。これを webapp.html に追加するだけです。

の一部として<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>

<body>script タグが 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-->
于 2011-05-13T19:32:33.607 に答える