做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',
? >})