Extjs實(shí)現(xiàn)進(jìn)度條的兩種便捷方式
更新時(shí)間:2013年09月26日 17:14:41 作者:
后臺(tái)程序往往可能要執(zhí)行一段時(shí)間才能得到返回結(jié)果,加入進(jìn)度條可以提高客戶體驗(yàn)度,在本文為大家介紹兩種便捷的實(shí)現(xiàn)方式,感興趣的朋友可以了解下
做Extjs開發(fā)中,往往后臺(tái)程序可能要執(zhí)行一段時(shí)間才能得到返回結(jié)果,加入進(jìn)度條可以提高客戶體驗(yàn)度,以下為兩種便捷的方式:
1.提交數(shù)據(jù)前用Ext.Msg.wait('提示','正在處理數(shù)據(jù),請(qǐng)稍候');彈出等待條,數(shù)據(jù)處理成功后用Ext.Msg.hide();將等待去掉,例如:
Ext.Msg.wait('提示','正在處理數(shù)據(jù),請(qǐng)稍候');
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.如果你是提交表單的話,那就更簡(jiǎn)單啦,配置好waitMsg就行了,數(shù)據(jù)處理完后等待提示會(huì)自己消失的,例如:
BaseInfo.getForm().submit({
waitMsg:'正在保存數(shù)據(jù),請(qǐng)稍候。',
waitTitle:'提示',
method:'POST',
url:'BaseMessageAction.ashx?method=modity',
params:{ItemCode:ItemCode,ItemName:ItemName},
success:function(form,action){
}
})
1.提交數(shù)據(jù)前用Ext.Msg.wait('提示','正在處理數(shù)據(jù),請(qǐng)稍候');彈出等待條,數(shù)據(jù)處理成功后用Ext.Msg.hide();將等待去掉,例如:
Ext.Msg.wait('提示','正在處理數(shù)據(jù),請(qǐng)稍候');
復(fù)制代碼 代碼如下:
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.如果你是提交表單的話,那就更簡(jiǎn)單啦,配置好waitMsg就行了,數(shù)據(jù)處理完后等待提示會(huì)自己消失的,例如:
復(fù)制代碼 代碼如下:
BaseInfo.getForm().submit({
waitMsg:'正在保存數(shù)據(jù),請(qǐng)稍候。',
waitTitle:'提示',
method:'POST',
url:'BaseMessageAction.ashx?method=modity',
params:{ItemCode:ItemCode,ItemName:ItemName},
success:function(form,action){
}
})
您可能感興趣的文章:
- javascript 進(jìn)度條的幾種方法
- js實(shí)現(xiàn)進(jìn)度條的方法
- js 進(jìn)度條實(shí)現(xiàn)代碼
- JS 進(jìn)度條效果實(shí)現(xiàn)代碼整理
- JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)加載進(jìn)度條代碼超簡(jiǎn)單
- Javascript jquery css 寫的簡(jiǎn)單進(jìn)度條控件
- 用CSS+JS實(shí)現(xiàn)的進(jìn)度條效果效果
- PHP中使用Session配合Javascript實(shí)現(xiàn)文件上傳進(jìn)度條功能
- JS實(shí)現(xiàn)環(huán)形進(jìn)度條(從0到100%)效果
- JavaScript實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)進(jìn)度條效果
相關(guān)文章
ext combox 下拉框不出現(xiàn)自動(dòng)提示,自動(dòng)選中的解決方法
ext combox 如果想實(shí)現(xiàn)類似于 baidu 搜索時(shí)的提示功能。必須禁止其分頁(yè)功能才可以。2010-02-02extjs 學(xué)習(xí)筆記(一) 一些基礎(chǔ)知識(shí)
相信很多人對(duì)使用js進(jìn)行客戶端的編程比較頭大,其實(shí)現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫(kù),可以大大簡(jiǎn)化js編程的工作量,其中,jquery和extjs就是兩款非常優(yōu)秀的js庫(kù)。2009-10-10Extjs grid添加一個(gè)圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個(gè)圖片狀態(tài)或者按鈕,下面將自己用過(guò)的一些方法與大家分享下2014-04-04Extjs gridpanel 出現(xiàn)橫向滾動(dòng)條問(wèn)題的解決方法
Extjs gridpanel 出現(xiàn)橫向滾動(dòng)條問(wèn)題的解決方法,在gridpanel中加入以下代碼即可。2011-07-07Ext JS 4實(shí)現(xiàn)帶week(星期)的日期選擇控件(實(shí)戰(zhàn)一)
有一些日期選擇的需求是要看到星期,就是日期中的哪一天是這一年的第幾周,遺憾的是Ext js 并沒有提供這樣的配置,下面為大家分享下理想的解決方法2013-08-08