`
erichua
  • 浏览: 514325 次
  • 性别: Icon_minigender_2
  • 来自: 远方
社区版块
存档分类
最新评论

Extjs学习总结---让Ext.Ajax.Request加上Mask

阅读更多
一直没有找到最佳方法,应该用继承能解决所有问题。偷懒啦。这个是硬编码方式
var saveGrid = function() {

		var editDs = user_store.getModifiedRecords();
		var myMask = new Ext.LoadMask(Ext.getBody(), {
					msg : "Please wait..."
				});

		for (var index = 0; index < editDs.length; index++) {
			record = editDs[index];

			// alert(Ext.util.JSON.encode(record.data));
			myMask.show();
			Ext.Ajax.request({
				url : 'UpdateUsers.json',
				success : function someFn(result, request)

				{
					myMask.hide();
					// alert('保存成功');
					user_store.commitChanges();

				},
				failure : function otherFn(result, request)

				{
					myMask.hide();
					this.showError(result.error || result.responseText);

				},
				method : 'POST',
				params : {
					user : Ext.util.JSON.encode(record.data)
				}
			});
		}

		myMask.destroy();
	} // eof saveGrid
分享到:
评论

相关推荐

    Ext.Ajax.request2.x实现同步请求

    总结来说,`Ext.Ajax.request`在EXTJS中是进行Ajax通信的关键工具,通过调整其配置参数,我们可以实现同步请求。尽管同步请求有其应用场景,但应谨慎使用,以避免对用户体验造成负面影响。在EXTJS 2.x这样的老版本中...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    Ext.Ajax.request 小问题收集

    总结来说,`Ext.Ajax.request`是EXTJS中的核心通讯工具,提供了丰富的配置选项和回调机制,能够满足各种复杂的服务器交互需求。理解和熟练使用这个方法,对于EXTJS开发者来说至关重要。通过阅读相关博客和源码,我们...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    `Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    3------通过实例学习------Ext.js------.docx

    首先,让我们看一下解压后的Ext.js文件结构: 1. **builds**:这个目录包含了经过压缩和优化的Ext.js代码,目的是减小文件大小,提高网页加载速度,适用于生产环境。 2. **docs**:这里是Ext.js的开发文档,包含了...

    extjs-Ext.ux.form.LovCombo下拉框

    标题中的"extjs-Ext.ux.form.LovCombo下拉框"表明我们要讨论的是EXTJS中的一个特定组件,它是EXTJS的扩展插件,用于实现具有多选功能的下拉框。这个组件在处理火狐浏览器兼容性问题上做了优化,解决了在火狐浏览器下...

    ext-4.2.1.883.jsb2

    从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。

    extjs-docs-6.0.0-classic.part01.rar

    Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...

    extjs培训2011-12-17

    这种设计理念让ExtJS不仅拥有强大的UI功能,还在CSS样式应用、数据解析以及异常处理等方面表现突出,成为了JavaScript客户端技术领域的一颗璀璨明珠。 #### 二、搭建ExtJS应用环境 要开始使用ExtJS,首先需要获取...

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    ExtJs_xtype一览

    在ExtJs框架中,`xtype`是一种用于标识组件类型的字符串,它定义了组件的类。这个特性使得在创建UI时能够简洁地指定组件的类型,而无需直接实例化具体的类。以下是一些主要的`xtype`及其对应的组件类和功能的详细...

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    总结,`Ext.FormPanel`的`getForm().submit()`更适合处理基于表单的数据提交,它简化了表单数据的处理和验证,而`Ext.Ajax.request`则提供了更高的灵活性,适用于各种HTTP请求,特别是当需要发送非表单数据或处理...

    ExtJS3总结内容

    ### ExtJS3总结内容:深入理解xtype与vtype #### 概述 在ExtJS3框架中,`xtype`与`vtype`是两个关键的概念,它们分别用于组件类型的标识和表单验证规则的定义。本文将详细介绍`xtype`的使用,以及其在ExtJS3组件...

    ExtJs-Struts-学习001-Ext环境搭建

    NULL 博文链接:https://bw198605.iteye.com/blog/1590113

    extjs4.1-ux.rar

    Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button ...主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    extjs-620-docs.zip

    extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档

    Extjs-ext-3.1.1

    Ext JS - JavaScript Library Copyright (c) 2006-2009, Ext JS, LLC All rights reserved. licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open ...

    extjs-docs-6.0.0-classic.part02.rar

    Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...

Global site tag (gtag.js) - Google Analytics