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

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

WBOY
發布: 2016-05-16 17:21:14
原創
1074 人瀏覽過

做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',
? >})
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板