ホームページ > ウェブフロントエンド > jsチュートリアル > Extjs_extjs でプログレスバーを実装する 2 つの便利な方法

Extjs_extjs でプログレスバーを実装する 2 つの便利な方法

WBOY
リリース: 2016-05-16 17:21:14
オリジナル
1063 人が閲覧しました

Extjs を開発する場合、結果が返されるまでにバックグラウンド プログラムの実行に時間がかかることがよくあります。プログレス バーを追加すると、次の 2 つの便利な方法が可能になります。

1. Ext を使用します。データを送信する前に .Msg を実行します。 .wait('Prompt', 'データは処理中です。お待​​ちください'); データが正常に処理された後、Ext.Msg.hide() を使用して削除します。待機中、例:
Ext.Msg.wait( 'プロンプト', 'データは処理中です、お待ちください');

コードをコピー コードは次のとおりです:

Ext.Ajax.request({
url:'DataAction.ashx?method=update',
params:{ItemCode: ItemCode,ItemName:ItemName},
callback:function(options,success ,response){
if(success==true)
{
Ext.Msg.hide(); .Msg.alert('プロンプト', '変更は成功しました。');
}else{
alert(response.responseText)
}
}
};

2. フォームを送信する場合は、waitMsg を設定するだけです。例:


コードをコピーします コードは次のとおりです:
BaseInfo.getForm().submit({
waitMsg:'データの保存中お待ちください。',
waitTitle:'Prompt',
method:'POST ',
url:'BaseMessageAction.ashx?method=modity',
params:{ItemCode:ItemCode,ItemName :ItemName},
success:function(form,action){
}
})

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート