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后$冲突的解决办法
Jul 09 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
JavaScript 代码压缩工具小结
Feb 27 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
AngularJS实现网站换肤实例
Feb 19 Javascript
URL中“#” “?” &“”号的作用浅析
Feb 04 Javascript
javascript常用的设计模式
Feb 09 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
Vue全家桶入门基础教程
May 14 Vue.js
Vue.Draggable实现交换位置
Apr 07 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
PHP中uploaded_files函数使用方法详解
2011/03/09 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
YII框架http缓存操作示例
2019/04/29 PHP
jQuery数组处理方法汇总
2011/06/20 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
前端性能优化及技巧
2016/05/06 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
vue 解决遍历对象显示的顺序不对问题
2019/11/07 Javascript
Python常用的日期时间处理方法示例
2015/02/08 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python三级目录展示的实现方法
2016/09/28 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
Python面向对象类的继承实例详解
2018/06/27 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
Python unittest单元测试框架总结
2018/09/08 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
python版DDOS攻击脚本
2019/06/12 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python实现动态数组的示例代码
2019/07/15 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
python os.rename实例用法详解
2020/12/06 Python
学校运动会开幕演讲稿
2014/01/04 职场文书
教导主任个人总结
2015/03/03 职场文书