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 20 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
vue将时间戳转换成自定义时间格式的方法
Mar 02 Javascript
vue如何判断dom的class
Apr 26 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
koa2的中间件功能及应用示例
Mar 05 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
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
PHP session 会话处理函数
2016/06/06 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
用jscript实现新建word文档
2007/06/15 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
JavaScript实现垂直滚动条效果
2017/01/18 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
layui表格实现代码
2017/05/20 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
跟老齐学Python之永远强大的函数
2014/09/14 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python给图像添加噪声具体操作
2019/03/03 Python
Python读入mnist二进制图像文件并显示实例
2020/04/24 Python
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
Linux机考试题
2015/10/16 面试题
高校学生干部的自我评价分享
2013/11/04 职场文书
重阳节标语大全
2014/10/07 职场文书
2015廉洁自律个人总结
2015/02/14 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书