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实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
js全选按钮的实现方法
Nov 17 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
React组件refs的使用详解
Feb 09 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
vue实现可移动的悬浮按钮
Mar 04 Vue.js
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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
python实现自动登录
2018/09/17 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
Python内置函数locals和globals对比
2020/04/28 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
争先创优心得体会
2014/09/12 职场文书
试用期自我评价范文
2015/03/10 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
保护地球的宣传语
2015/07/13 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
民事调解协议书
2016/03/21 职场文书
收音机爱好者玩机13年,简评其使用过的19台收音机
2022/04/30 无线电
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技