Extjs實現進度條的兩種便捷方式
更新時間：2013年09月26日 17:14:41 作者：
后臺程序往往可能要執(zhí)行一段時間才能得到返回結果，加入進度條可以提高客戶體驗度，在本文為大家介紹兩種便捷的實現方式，感興趣的朋友可以了解下
做Extjs開發(fā)中，往往后臺程序可能要執(zhí)行一段時間才能得到返回結果，加入進度條可以提高客戶體驗度，以下為兩種便捷的方式：
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',
params:{ItemCode:ItemCode,ItemName:ItemName},
success:function(form,action){
}
})
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',
params:{ItemCode:ItemCode,ItemName:ItemName},
success:function(form,action){
}
})
相關文章
本文為大家介紹下Extjs4中的分頁如何使用且結合前后臺，具體的示例如下，感興趣的朋友可以參考下2013-12-12
這篇文章主要介紹了Extjs如何根據條件設置表格某行背景色,需要的朋友可以參考下2014-07-07
應用extjs需要在頁面中引入extjs的樣式及extjs庫文件2009-04-04
上個系列中，我們用到了Ext.fly來獲得一個Element對象，其實Ext.fly是Ext.Element.fly的簡寫形式。類似的方法還有一個Ext.get，是Ext.Element.get的簡寫。這兩個方法都可以用使用Dom元素或者Dom元素的id作為參數來獲得一個Element對象。2009-10-10
Extjs學習筆記之五 一個小細節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項，applyTo和renderTo，這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網上搜了下，有兩篇博文也是關于這個的。2010-01-01
Iframe 有的時候還是須要的，比如在Tab中嵌入報表、嵌入其它系統(tǒng)的界面。下面代碼是項目中一段。希望對用ExtJS開發(fā)的兄弟做個參考。2010-03-03
ExtJS Button常用方法，需要學習的朋友可以參考下。2009-10-10
用Extjs4.1來做界面，有關Extjs4.1資料在網上也相對來說較少，下面是具體的實現代碼1.左側的功能樹2.需要打開的對應的view，有類似需求的朋友可以參考下哈2013-05-05
最近調試EXTJS 4的treegrid實例，看了很多水友的文章，以及官方的demo，沒一個可靠的，于是乎自己折騰中...感興趣的朋友可以了解下本文或許對你有所幫助2013-07-07
動態(tài)加載grid在ExtJs中如何實現，貌似有很多的朋友都不知道吧，下面有個不錯的示例，希望對大家有所幫助2013-09-09