Extjs实现进度条的两种便捷方式_extjs

做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){
}
})

时间: 2024-10-11 06:48:13

Extjs实现进度条的两种便捷方式_extjs的相关文章

Windows 8开发入门(七) Windows 8 中的三种进度条和两种定时器

在Windows 8中的默认进度条也与时俱进,和之前Silverlight中的不一样.本文将讲述三种不同的进度条 ,另外在本文中也会将两种定时器. 进度条 主要属性: Value:当前进度值. Maximum:最大进度值. IsIndeterminate:指定进度条是否确定. 确定进度条:进度明 确的进度条,已完成进度以另外一种颜色显示 关键代码: <ProgressBar Maximum="100" Value="0" Height="20&quo

PHP 文件上传进度条的两种实现方法的代码_php技巧

目前我知道的方法有两种,一种是使用PHP的创始人 Rasmus Lerdorf 写的APC扩展模块来实现(http://pecl.php.net/package/apc),另外一种方法是使用PECL扩展模块 uploadprogress实现(http://pecl.php.net/package/uploadprogress)我这里举两个分别实现的例子供参考,更灵活的应用根据自己需要来修改. APC实现方法: 安装APC,参照官方文档安装,可以使用PECL模块安装方法快速简捷,这里不说明 配置p

jQuery+CSS实现环形进度条的两种方法教程

最近项目里遇到一个有意思的效果,那就是圆形进度条,类似于这样的:   实现类似这样的效果方法很多.我主要想了2个解决方案,都是通过jQuery和CSS实现的,下面就一一道来: 方法一:jQuery + CSS3 实现原理 原理非常的简单,在这个方案中,最主要使用了CSS3的transform中的rotate和CSS3的clip两个属性.用他们来实现半圆和旋转效果. 半环的实现 先来看其结构. HTML             <div class="pie_right">

深入Android中BroadcastReceiver的两种注册方式(静态和动态)详解_Android

今天我们一起来探讨下安卓中BroadcastReceiver组件以及详细分析下它的两种注册方式. BroadcastReceiver也就是"广播接收者"的意思,顾名思义,它就是用来接收来自系统和应用中的广播.在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能:当网络状态改变时系统会产生一条广播,接收到这条广播就能及时地做出提示和保存数据等操作:当电池电量改变时,系统会产生一条广播,接收到这条广播就能在电量低时告知用户

深入Android中BroadcastReceiver的两种注册方式(静态和动态)详解

今天我们一起来探讨下安卓中BroadcastReceiver组件以及详细分析下它的两种注册方式. BroadcastReceiver也就是"广播接收者"的意思,顾名思义,它就是用来接收来自系统和应用中的广播.在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能:当网络状态改变时系统会产生一条广播,接收到这条广播就能及时地做出提示和保存数据等操作:当电池电量改变时,系统会产生一条广播,接收到这条广播就能在电量低时告知用户

c++-C语言中 int n = xx; 与 int n; n = xx; 这两种定义方式有什么不同?

问题描述 C语言中 int n = xx; 与 int n; n = xx; 这两种定义方式有什么不同? C语言中 int n = xx; 与 int n; n = xx; 这两种定义方式有什么不同? 解决方案 对于int等简单变量,建议给初始值,这不消耗cpu执行,又能确保程序正确,何乐不为? 解决方案二: 第一种是定义int变量同时赋予该变量初值 第二种是定义变量后,再赋初值 解决方案三: 应该是没有运行上的不同. 解决方案四: 比如 int n = xx; int a[n]; 与 int

MapXtreme 2005 学习心得 第八节Session问题澄清-两种配置方式致开发方式不同(九)

前言: 出差一个月了,终于回来了,本来想继续写CYQ.Data的序列文章,突然看到MapXtreme有一条回应; 就写多一篇文章,澄清下我上一篇文章MapXtreme 2005 学习心得 一此问题(八)所说中的Session问题.     之前的调试方式 在MapXtreme 安装目录下,有一个MapXtremeControl的源码. 在上一篇中,由于调试不了源码,而只能在外面反复大量调试,以结果来猜测问题.以至于得出Session不稳定的结论.     先说说怎么调试MapXtremeCont

jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解_jquery

本文实例讲述了jQuery autoComplete插件两种使用方式及动态改变参数值的方法.分享给大家供大家参考,具体如下: 一.一次加载.多次使用: 前端JS代码: /*客户名称自动匹配*/ function customerAutoComplete(){ $.ajax({ type:"GET", url:encodeURI("/approvalajax/salesOrderApproval_findCustomerList"), dataType:"j

Python访问Oracle的两种数据获取方式

查询通常有两种方式:一种是使用cursor.fetchall()获取所有查询结果,然后再一行一行的迭代:另一种每次通过cursor.fetchone()获取一条记录,直到获取的结果为空为止.通过如下方式来验证这两种查询方式的区别:TEST表内容如下:(1, 'a', 'b', 'c')(2, 'aa', 'bb', 'cc')(3, 'aaa', 'bbb', 'ccc') 输出结果: 1, a, b, cNumber of rows returned: 32, aa, bb, ccNumber