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,jquery闭包概念分析
Jun 19 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
详解JavaScript对象类型
Jun 16 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
详解实现vue的数据响应式原理
Jan 20 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
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php排序算法实例分析
2016/10/17 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
JS实现仿PS的调色板效果完整实例
2016/12/21 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
JavaScript实现京东快递单号查询
2020/11/30 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
在django view中给form传入参数的例子
2019/07/19 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
店长职务说明书
2014/02/04 职场文书
小学端午节活动方案
2014/03/13 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
小学生作文评语集锦
2014/12/25 职场文书
门卫岗位职责
2015/02/09 职场文书
毕业设计工作总结
2015/08/14 职场文书
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python