6

必要なファイルをロードしているときに、標準の ExtJS MVC アプリケーションのビューポートにLoadMaskを適用する方法は?

このような MVC アプリケーションの例は、次の のスニペットですapp.js。

Ext.Loader.setConfig({enabled:true});

Ext.application({
    requires: [
       'Ext.container.Viewport',
    ],

    name: 'APP',
    appFolder: 'app',

    controllers: [
        'Main'
    ],

    launch: function() {

        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'main'
                }               
            ]
        });
    }
});

main上記はMVC ビュー用でxtype、ExtJSPanelなどを拡張する可能性があります。

このユビキタス要件に対する標準的なアプローチは存在しますか?

4

2 に答える 2

5

やりたいことは、index.html ファイル内に読み込み中の画像を表示することです。そんな感じ：

<div id="page-loader">  
    <img style="position:absolute; width:128px; height:15px; left:50%; top:50%; margin-left:-64px; margin-top: -7px;" src="resources/images/loader.gif" />
</div>

そして、これdivをlaunch()関数で非表示にします。

if (Ext.get('page-loader')) {
    Ext.get('page-loader').remove();
}
于 2012-07-10T13:56:47.823 に答える
2

最初の解決策は良いです。代替手段は次のとおりです。

http://blog.newbridgegreen.com/extjs-4-splash-screen/

于 2013-01-05T14:33:51.547 に答える