MVC アーキテクチャを使用して extjs4 で小さなアプリを構築しました。ユーザーが初めてログインするとき、アプリケーションのロードに 5 ~ 10 秒かかります。アプリの初期化中に待機するようにユーザーに通知する読み込みイメージを配置するにはどうすればよいですか? (例のページが読み込まれている間、シェンチャの画像をお待ちください)
ありがとう
トム
これを行うために、次のExt.LoadMask
ようにコントローラーに変数を追加しました。
var loginMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait ..."});
次に、認証のために (AJAX を使用して) サーバー側を呼び出す関数を呼び出す前に、次のように show 関数を呼び出します。
loginMask.show();
その後、サーバーの応答後に次のように呼び出します。
loginMask.hide();
これは私のために働いています。
または、モーダル MessageBox を使用して同じことを実現できます。
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Loading...',
progressText: 'Loading...',
width:300,
wait: true,
waitConfig: {interval: 200},
progress:true,
closable:false,
modal: true
});
完了したら、次のように呼び出します。
Ext.MessageBox.hide();
ロードマスクが必要かもしれませんhttp://docs.sencha.com/ext-js/4-0/#!/api/Ext.LoadMask