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 相关文章推荐
28个JS验证函数收集
Mar 02 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
对vue v-if v-else-if v-else 的简单使用详解
Sep 29 Javascript
微信小程序实现弹出层效果
May 26 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
php设计模式 Observer(观察者模式)
2011/06/26 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
js类 from qq
2006/11/13 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
Angular学习教程之RouterLink花式跳转
2018/05/03 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
python中精确输出JSON浮点数的方法
2014/04/18 Python
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
浅谈Python的异常处理
2016/06/19 Python
python魔法方法-自定义序列详解
2016/07/21 Python
浅谈Python的垃圾回收机制
2016/12/17 Python
一个基于flask的web应用诞生 用户注册功能开发(5)
2017/04/11 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
python3库numpy数组属性的查看方法
2018/04/17 Python
python线程池threadpool实现篇
2018/04/27 Python
Python中文件的读取和写入操作
2018/04/27 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
优秀的自荐信要注意哪些
2014/01/03 职场文书
银行类自荐信
2014/02/04 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
代领毕业证委托书
2014/08/02 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
python tqdm用法及实例详解
2021/06/16 Python