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 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
Jan 12 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
JS实现秒杀倒计时特效
Jan 02 Javascript
vue打开新窗口并实现传参的图文实例
Mar 04 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
mac下安装nginx和php
2013/11/04 PHP
php中sql注入漏洞示例 sql注入漏洞修复
2014/01/24 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
浅析tr的隐藏和显示问题
2014/03/05 Javascript
three.js中文文档学习之如何本地运行详解
2017/11/20 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
[03:23]我的刀塔你不可能这么可爱 第一期金萌萌的故事
2014/06/20 DOTA
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
python中Flask框架简单入门实例
2015/03/21 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
python中的计时器timeit的使用方法
2017/10/20 Python
Python闭包函数定义与用法分析
2018/07/20 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
大学生四个方面的自我评价
2013/09/19 职场文书
《草原》教学反思
2014/02/15 职场文书
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
党员个人剖析材料
2014/09/30 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
协议书范文
2015/01/27 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技