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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
Node.js的特点和应用场景介绍
Nov 04 Javascript
node.js中的console.dir方法使用说明
Dec 10 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
Javascript缓存API
Jun 14 Javascript
BootStrap无限级分类(无限极分类封装版)
Aug 26 Javascript
Vue2.0 vue-source jsonp 跨域请求
Aug 04 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
CI框架中zip类应用示例
2014/06/17 PHP
PHP可变变量学习小结
2015/11/29 PHP
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
AngularJS bootstrap启动详解及实例代码
2016/09/14 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
Vue瀑布流插件的使用示例
2018/09/19 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
python读写文件操作示例程序
2013/12/02 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
Hotels.com南非:酒店预订
2017/11/02 全球购物
名人演讲稿范文
2013/12/28 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
个性车贴标语
2014/06/24 职场文书
环卫工作汇报材料
2014/10/28 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
护士辞职信怎么写
2015/02/27 职场文书
html+css合并表格边框的示例代码
2021/03/31 HTML / CSS
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS