Ext.Ajax.request在2.x是异步请求的,这样话在当前请求没有完成之前就不能在它的外部使用它的返回值,在下面这个表单验证中如果不是同步请求的话就有问题了,如:
var text = new Ext.form.TextField({
fieldLabel : '名称',
height : 23,
width : 400,
id : 'flowName',
name : 'flowName',
allowBlank : false,
blankText : '名称不能为空',
validateOnBlur : true,
validationEvent : true,
validator : function() {
var resultValue;
Ext.Ajax.request({
url : '',
sync:true,
params : {
name : text.getValue()
},
success : function(response, options) {
var responseArray = Ext.util.JSON.decode(response.responseText);
resultValue=responseArray.resultValue;
}
});
if (resultValue!=null && resultValue!="") {
text.invalidText = "该名称己经存在,请重新输入!";
return false;
} else {
return true;
}
},
anchor : '95%'
});
上面是通过修改ext-base.js中的Ext.lib.Ajax.request来实现同步请求:
/**
Adding a synchronous request to the Ext asynchronous only mode of operation.
History: coded from Ext 2.2.
Additional configs.
@param {Object} options
@config {Mixed} [sync] include this for a synchronous request
*/
Ext.lib.Ajax.request = function(method, uri, cb, data, options) {
if(options){
var hs = options.headers;
if(hs){
for(var h in hs){
if(hs.hasOwnProperty(h)){
this.initHeader(h, hs[h], false);
}
}
}
if(options.xmlData){
if (!hs || !hs['Content-Type']){
this.initHeader('Content-Type', 'text/xml', false);
}
method = (method ? method : (options.method ? options.method : 'POST'));
data = options.xmlData;
}else if(options.jsonData){
if (!hs || !hs['Content-Type']){
this.initHeader('Content-Type', 'application/json', false);
}
method = (method ? method : (options.method ? options.method : 'POST'));
data = typeof options.jsonData == 'object' ? Ext.encode(options.jsonData) : options.jsonData;
}
}
return this["sync" in options ? "syncRequest" : "asyncRequest"](method, uri, cb, data););//这句制定调用的方法,如果sync传递了就调用syncRequest, 否则调用原来的方法asyncRequest};
};
把下面这个方法加上,直接加在asyncRequest方法后面就可以,形式和asyncRequest相同,调用时如果需要同步调用加上sync:true,属性即可
/**
Synchronous request.
@param {Object} method
@param {Object} uri
@param {Object} callback
@param {Object} postData
*/
Ext.lib.Ajax.syncRequest = function(method, uri, callback, postData)
{
var o = this.getConnectionObject();
if (!o) {
return null;
}
else {
o.conn.open(method, uri, false);
if (this.useDefaultXhrHeader) {
if (!this.defaultHeaders['X-Requested-With']) {
this.initHeader('X-Requested-With', this.defaultXhrHeader, true);
}
}
if(postData && this.useDefaultHeader && (!this.hasHeaders || !this.headers['Content-Type'])){
this.initHeader('Content-Type', this.defaultPostHeader);
}
if (this.hasDefaultHeaders || this.hasHeaders) {
this.setHeader(o);
}
o.conn.send(postData || null);
this.handleTransactionResponse(o, callback);
return o;
}
};
EXT3.0 同步请求,要倚赖一个JS
下载下面压缩包解压即可,然后引入工程内.
- Ext.Ajax.request({
-
async : false,
-
- });
分享到:
相关推荐
NULL 博文链接:https://linwei-211.iteye.com/blog/1567277
NULL 博文链接:https://chun521521.iteye.com/blog/1935516
NULL 博文链接:https://lingf.iteye.com/blog/1821225
Ext.Ajax.request同步请求包 博文链接:https://lingf.iteye.com/blog/1195912
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...
(1)Ext.FormPanel f.getForm().submit({ url:”... }, failure:function(c,v,e){} }) (2)Ext.Ajax.request Ext.Ajax.request({ url:”….”, params:{XX:xx….}, success: function (v,c) { var json=Ext.decode(v.r
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
extjs ajax同步请求所需js extjs ajax同步请求所需js
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
org.restlet.ext.spring.jar
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
运行Microsoft office时,vbe6ext.olb不能加载
Ext.get与Ext.fly的区别与用法