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 相关文章推荐
setTimeout和setInterval的浏览器兼容性分析
Feb 27 Javascript
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
jquery提升性能最佳实践小结
Dec 06 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
解决vue-cli + webpack 新建项目出错的问题
Mar 20 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 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
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
php适配器模式简单应用示例
2019/10/23 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
javascript tips提示框组件实现代码
2010/11/19 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
js绘制圆形和矩形的方法
2015/08/05 Javascript
js表单验证实例讲解
2016/03/31 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
2018/01/02 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
详解ES6 CLASS在微信小程序中的应用实例
2020/04/24 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
Python深入学习之对象的属性
2014/08/31 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
Python读大数据txt
2016/03/28 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
《颐和园》教学反思
2014/02/26 职场文书
新学期标语
2014/06/30 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
财务人员入职担保书
2015/09/22 职场文书