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实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
php object转数组示例
2014/01/15 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
php格式化电话号码的方法
2015/04/24 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
Javascript 命名空间模式
2013/11/01 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue中接口域名配置为全局变量的实现方法
2018/09/20 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
Python的迭代器和生成器
2015/07/29 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
javaScript Array api梳理
2021/03/31 Javascript