ExtJs的Ajax提交主要是:Ext.Ajax.request或form1.getForm().submit,超时时间默认是30秒!
看ExtJs对它的解释:
timeout 超时时间,请求的超时豪秒数(默认为30秒)。
The timeout in milliseconds to be used for requests. (defaults to 30000): Number
因此,一旦在使用中,长时间的操作数据库,这时候不仅需要在页面上添加waitMsg,而且需要重新设置超时时间,防止没有提交完成就中断操作。
注意:timeout属性 需要是毫秒,比如30秒就是 30 000 毫秒了;
demo如下:
var msgTip; // 一定要定义在使用前,且定义为全局变量
Ext.Ajax.request({
timeout: 600000,
url:'sendAllTitleToBK.action',
params : '',
method : 'POST',
success : function(response,options){
var respText = Ext.util.JSON.decode(response.responseText);
var msg=respText.msg;
// 更新列表
titleStore.reload({
params : {
'start' : 0,
'limit' : pgSize
}
});
msgTip.hide();
Ext.MessageBox.alert("提示",msg);
},
failure : function(response,options){
titleStore.reload({
params : {
'start' : 0,
'limit' : pgSize
}
});
msgTip.hide();
Ext.Msg.getDialog().setWidth(500);
Ext.Msg.alert('提示','页面处理请求失败!');
}
});
//==================超时会自动跳转到failure,后台程序却依然执行================
---注意超时提示信息的打印:
failure : function(response,options){
var reqst=response.status; // 根据返回的状态码值判断是否超时
if(reqst=='-1'){ // 超时的状态码为 -1
Ext.Msg.getDialog().setWidth(500);
Ext.MessageBox.alert("提示","发送超时,可能存在网络异常,检查后请重试...");
}else{
Ext.Msg.alert('提示','发布处理失败!');
}
}
分享到:
相关推荐
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...
此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...
动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
`Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以执行GET、POST、PUT、DELETE等各种HTTP操作。在默认情况下,这些请求是异步的,这意味着它们不会阻塞页面的其他操作,而是...
1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid....
总结,`Ext.FormPanel`的`getForm().submit()`更适合处理基于表单的数据提交,它简化了表单数据的处理和验证,而`Ext.Ajax.request`则提供了更高的灵活性,适用于各种HTTP请求,特别是当需要发送非表单数据或处理...
### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...
ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 4. **表单提交过程** - **创建表单组件**:首先,定义一个FormPanel,并在其...
在使用`Ext.Ajax.request`方法时,设置`async`参数为`false`可以使请求变为同步。例如: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', async: false, // 设置为false表示同步请求 ...
4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....
在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...
Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...
Ext.Ajax.request({ url: "updateuser.aspx", params: { data: Ext.encode(record.data), // 将数据编码成字符串形式 id: record.id }, success: function() { alert(10); } }); grid.getView().refresh...
在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....
总的来说,通过设置`readOnly`属性或`disabled`属性以及监听事件,我们可以轻松地在Ext JS中实现文本字段和日期选择器的只读功能。这有助于增强用户体验,同时确保数据的安全性。在实际开发过程中,可以根据具体需求...
EXTjs是一个广泛使用的JavaScript库,特别适用于构建富客户端应用程序。其强大的组件模型使得开发者能够创建各种复杂的用户界面。"UploadDialog"是EXTjs中的一个扩展(Extension),它为用户提供了一个集成的文件...