快捷導(dǎo)航

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開(kāi)發(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)稍候');

復(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){ 
} 
}) 

您可能感興趣的文章:

相關(guān)文章

Extjs4中的分頁(yè)應(yīng)用結(jié)合前后臺(tái)
本文為大家介紹下Extjs4中的分頁(yè)如何使用且結(jié)合前后臺(tái)，具體的示例如下，感興趣的朋友可以參考下
2013-12-12
Extjs根據(jù)條件設(shè)置表格某行背景色示例
這篇文章主要介紹了Extjs如何根據(jù)條件設(shè)置表格某行背景色,需要的朋友可以參考下
2014-07-07
ExtJS 2.0實(shí)用簡(jiǎn)明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁(yè)面中引入extjs的樣式及extjs庫(kù)文件
2009-04-04
extjs 學(xué)習(xí)筆記（二） Ext.Element類(lèi)
上個(gè)系列中，我們用到了Ext.fly來(lái)獲得一個(gè)Element對(duì)象，其實(shí)Ext.fly是Ext.Element.fly的簡(jiǎn)寫(xiě)形式。類(lèi)似的方法還有一個(gè)Ext.get，是Ext.Element.get的簡(jiǎn)寫(xiě)。這兩個(gè)方法都可以用使用Dom元素或者Dom元素的id作為參數(shù)來(lái)獲得一個(gè)Element對(duì)象。
2009-10-10
Extjs學(xué)習(xí)筆記之五一個(gè)小細(xì)節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個(gè)看起來(lái)類(lèi)似的配置項(xiàng)，applyTo和renderTo，這兩個(gè)配置項(xiàng)都是用來(lái)指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關(guān)于這個(gè)的。
2010-01-01
ExtJs使用IFrame的實(shí)現(xiàn)代碼
Iframe 有的時(shí)候還是須要的，比如在Tab中嵌入報(bào)表、嵌入其它系統(tǒng)的界面。下面代碼是項(xiàng)目中一段。希望對(duì)用ExtJS開(kāi)發(fā)的兄弟做個(gè)參考。
2010-03-03
學(xué)習(xí)ExtJS（二） Button常用方法
ExtJS Button常用方法，需要學(xué)習(xí)的朋友可以參考下。
2009-10-10
Extjs中通過(guò)Tree加載右側(cè)TabPanel具體實(shí)現(xiàn)
用Extjs4.1來(lái)做界面，有關(guān)Extjs4.1資料在網(wǎng)上也相對(duì)來(lái)說(shuō)較少，下面是具體的實(shí)現(xiàn)代碼1.左側(cè)的功能樹(shù)2.需要打開(kāi)的對(duì)應(yīng)的view，有類(lèi)似需求的朋友可以參考下哈
2013-05-05
Extjs4 Treegrid 使用心得分享(經(jīng)驗(yàn)篇)
最近調(diào)試EXTJS 4的treegrid實(shí)例，看了很多水友的文章，以及官方的demo，沒(méi)一個(gè)可靠的，于是乎自己折騰中...感興趣的朋友可以了解下本文或許對(duì)你有所幫助
2013-07-07
ExtJs 實(shí)現(xiàn)動(dòng)態(tài)加載grid完整示例
動(dòng)態(tài)加載grid在ExtJs中如何實(shí)現(xiàn)，貌似有很多的朋友都不知道吧，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助
2013-09-09