Extjs實現(xiàn)進度條的兩種便捷方式
更新時間：2013年09月26日 17:14:41 作者：
后臺程序往往可能要執(zhí)行一段時間才能得到返回結(jié)果，加入進度條可以提高客戶體驗度，在本文為大家介紹兩種便捷的實現(xiàn)方式，感興趣的朋友可以了解下
做Extjs開發(fā)中，往往后臺程序可能要執(zhí)行一段時間才能得到返回結(jié)果，加入進度條可以提高客戶體驗度，以下為兩種便捷的方式：
1.提交數(shù)據(jù)前用Ext.Msg.wait('提示','正在處理數(shù)據(jù)，請稍候');彈出等待條，數(shù)據(jù)處理成功后用Ext.Msg.hide();將等待去掉，例如：
Ext.Msg.wait('提示','正在處理數(shù)據(jù)，請稍候');
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就行了，數(shù)據(jù)處理完后等待提示會自己消失的，例如：
BaseInfo.getForm().submit({
waitMsg:'正在保存數(shù)據(jù)，請稍候。',
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ù)，請稍候');彈出等待條，數(shù)據(jù)處理成功后用Ext.Msg.hide();將等待去掉，例如：
Ext.Msg.wait('提示','正在處理數(shù)據(jù)，請稍候');
復制代碼 代碼如下:
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就行了，數(shù)據(jù)處理完后等待提示會自己消失的，例如：
復制代碼 代碼如下:
BaseInfo.getForm().submit({
waitMsg:'正在保存數(shù)據(jù)，請稍候。',
waitTitle:'提示',
method:'POST',
url:'BaseMessageAction.ashx?method=modity',
params:{ItemCode:ItemCode,ItemName:ItemName},
success:function(form,action){
}
})
相關文章
Extjs表單驗證包括空驗證、用vtype格式進行簡單的驗證、高級自定義密碼驗證、使用正則表達式驗證等等2014-03-03
ext combox 下拉框不出現(xiàn)自動提示,自動選中的解決方法
ext combox 如果想實現(xiàn)類似于 baidu 搜索時的提示功能。必須禁止其分頁功能才可以。2010-02-02
多人都習慣在渲染子組件的時候?qū)ird渲染到容器內(nèi)的一個div里，為什么那么多人喜歡使用這種方式來添加子組件呢，下面為大家詳細介紹下2013-06-06
相信很多人對使用js進行客戶端的編程比較頭大，其實現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫，可以大大簡化js編程的工作量，其中，jquery和extjs就是兩款非常優(yōu)秀的js庫。2009-10-10
Extjs grid添加一個圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個圖片狀態(tài)或者按鈕，下面將自己用過的一些方法與大家分享下2014-04-04
在Ext的使用過程中，一不留心就出現(xiàn)了亂碼，包括在客戶端提交給服務器的數(shù)據(jù)中出現(xiàn)了亂碼和服務器端返回給客戶端的數(shù)據(jù)中出現(xiàn)了亂碼，下面簡單分析一下出現(xiàn)亂碼的原因。2009-04-04
根據(jù)我在論壇上的觀察，xtype用起來的時候疑惑會比較多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。2010-01-01
Extjs gridpanel 出現(xiàn)橫向滾動條問題的解決方法
Extjs gridpanel 出現(xiàn)橫向滾動條問題的解決方法，在gridpanel中加入以下代碼即可。2011-07-07
Ext JS 4實現(xiàn)帶week(星期)的日期選擇控件(實戰(zhàn)一)
有一些日期選擇的需求是要看到星期，就是日期中的哪一天是這一年的第幾周，遺憾的是Ext js 并沒有提供這樣的配置，下面為大家分享下理想的解決方法2013-08-08
Exitjs DataView中圖片文件名獲取實現(xiàn)代碼。2009-11-11