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 的方法重载效果
Aug 07 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
如何编写高质量JS代码
Dec 28 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
用JS实现图片轮播效果代码(一)
Jun 26 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 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
php防止恶意刷新与刷票的方法
2014/11/21 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
浅谈php提交form表单
2015/07/01 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
jquery 表单进行客户端验证demo
2009/08/24 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
JS简单计算器实例
2015/01/20 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
js 连续赋值的简单实现
2016/06/13 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
djang常用查询SQL语句的使用代码
2019/02/15 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
pandas的相关系数与协方差实例
2019/12/27 Python
python实现拼图小游戏
2020/02/22 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
汽车运用工程毕业生自荐信
2013/10/29 职场文书
《理想》教学反思
2014/02/17 职场文书
借款协议书
2014/04/12 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android