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 相关文章推荐
一次失败的jQuery优化尝试小结
Feb 06 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
DIV始终居中的js代码
Feb 17 Javascript
jQuery解析json数据实例分析
Nov 24 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
Vue实现百度下拉提示搜索功能
Jun 21 Javascript
微信小程序button组件使用详解
Jan 31 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
linux 后台运行node服务指令方法
May 23 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
ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法
2014/11/04 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
Python探索之Metaclass初步了解
2017/10/28 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
Python暴力破解Mysql数据的示例
2020/11/09 Python
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
幼儿园五一活动方案
2014/02/07 职场文书
趣味游戏活动方案
2014/02/07 职场文书
招聘专员岗位职责
2014/03/07 职场文书
教堂婚礼主持词
2014/03/14 职场文书
实习生岗位职责
2014/04/12 职场文书
2014年秋季开学演讲稿
2014/05/24 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
考博导师推荐信范文
2015/03/27 职场文书
歌咏比赛主持词
2015/06/29 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
Python合并多张图片成PDF
2021/06/09 Python
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android