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 相关文章推荐
js利用div背景,做一个竖线的效果。
Nov 22 Javascript
javascript开发随笔二 动态加载js和文件
Nov 25 Javascript
js之onload事件的一点使用心得
Aug 14 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
JS实现可视化音频效果的实例代码
Jan 16 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 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分页类
2013/10/26 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
JavaScript中输出标签的方法
2014/08/27 Javascript
常见的jQuery选择器汇总
2014/11/24 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
python调用cmd复制文件代码分享
2013/12/27 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python绘制彩虹图
2019/12/16 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
超市营业员求职简历的自我评价
2013/10/17 职场文书
英语演讲稿范文
2014/01/03 职场文书
《老王》教学反思
2014/02/23 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
公文写作:新员工转正申请书范本3篇!
2019/08/07 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python
Python编程super应用场景及示例解析
2021/10/05 Python
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技