首頁 >web前端 >js教程 >Extjs實作進度條的兩種便捷方式_extjs

Extjs實作進度條的兩種便捷方式_extjs

WBOY
WBOY原創
2016-05-16 17:21:141070瀏覽

做Extjs開發中,往往後台程式可能要執行一段時間才能得到回傳結果,加入進度條可以提高客戶體驗度,以下為兩種便捷的方式:

1.提交資料前用Ext.Msg .wait('提示','正在處理數據,請稍候');彈出等待條,數據處理成功後用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();
Ext.Msg.alert('提示',' 修改成功。 ');
}else{
alert(response.responseText);
}
}
})

2.如果你是提交表單的話,那就更簡單啦,設定好waitMsg就行了,資料處理完後等待提示會自己消失的,例如:
複製程式碼


程式碼如下:


BaseInfo.getForm().submit({
waitMsg:'正在儲存數據,請稍候。',
waitTitle:'提示',
method:'POST ',
url:'BaseMessageAction.ashx?method=modity',
? >})
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn