Extjs实现进度条的两种便捷方式


Posted in Javascript onSeptember 26, 2013

做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', 
params:{ItemCode:ItemCode,ItemName:ItemName}, 
success:function(form,action){ 
} 
})
Javascript 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
js验证是否为数字的总结
Apr 14 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
用客户端js实现带省略号的分页
Apr 27 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
Apr 25 Javascript
js中的getAttribute方法使用示例
Aug 01 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
微信小程序实现聊天室功能
Jun 14 Javascript
js中的referrer返回上一页使用介绍
Sep 26 #Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 #Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 #Javascript
Jquery实现图片左右自动滚动示例
Sep 25 #Javascript
jquery实现加载等待效果示例
Sep 25 #Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 #Javascript
jquery实现table鼠标经过变色代码
Sep 25 #Javascript
You might like
推荐php模板技术[转]
2007/01/04 PHP
PHP执行速率优化技巧小结
2008/03/15 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jQuery 处理网页内容的实现代码
2010/02/15 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
纯JS代码实现一键分享功能
2016/04/20 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
详解vue 模版组件的三种用法
2017/07/21 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
element-ui表格合并span-method的实现方法
2019/05/21 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
高中教师先进事迹材料
2014/08/22 职场文书
大学班长竞选稿
2015/11/20 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
python基础之文件操作
2021/10/24 Python