var editForm=Ext.getCmp('formId').form.getValues();// formId为表单id
var beanName = 'bean.';
var bean = {};
for (var i in editForm) {
bean[beanName + i]=editForm[i];
}
var infoArray = [];
var infoStore=Ext.getCmp('list').getStore();// list为一表格id
for (var i = 0; i < infoStore.getCount(); i++) {
infoRecord = infoStore.getAt(i);
if(infoRecord.dirty){
infoArray.push(infoRecord.data);
}
}
bean[grid] = Ext.util.JSON.encode(infoArray);
Ext.Ajax.request({
url : saveUrl,
method:'post',
params : bean,
success : function(form, action) {
Ext.Msg.alert('提示', '操作成功');
},
failure : function(form, action) {
//Ext.Msg.alert('警告', '用户名或密码错误!');
}
})
注意:servlet中所加的属性为bean,grid,其中bean为一对象,grid为一字符串
分享到:
相关推荐
"Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的上传功能。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了一系列丰富的UI组件和强大的数据管理工具。 ...
8. **表单提交**:EXT Ajax库可以直接处理表单数据,将表单内容编码为请求体,简化表单提交操作。 9. **错误处理**:当请求出错时,EXT Ajax库会触发错误事件,帮助开发者捕获和处理错误。 10. **示例和文档**:...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
在使用Ext Ajax提交表单前,通常需要先将表单数据序列化为JSON或URL编码格式。ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 ...
总结来说,本示例的"完成的Ajax提交表单"展示了如何使用Ext JS结合Ajax技术,实现无刷新的表单提交,提高Web应用的响应速度和用户体验。通过理解和实践这些知识点,开发者可以更好地构建交互性更强的Web应用程序。
Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...
1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的提交,并指定URL、HTTP方法以及额外的参数。...
EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互体验,同时减少了服务器端的负载压力。 ##### 2.2 实现步骤 1. **初始化...
使用 `Ext.Ajax.request` 方法提交 XML 数据同样非常便捷。 - **基本步骤**: 1. 创建 XML 文档对象。 2. 使用 `Ext.Ajax.request` 方法发送该对象到服务器。 - **示例代码**: ```javascript function getXml...
通常,Ext JS的表单提交使用Ajax方式,这意味着它可以异步地将表单数据发送到服务器,无需页面刷新。这种方式提供了更好的用户体验,因为用户可以在数据提交的同时继续与应用交互。 在Ext JS中,表单(`Ext.form....
此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...
在EXTJS框架中,`Ext.FormPanel`和`Ext.Ajax.request`提供了两种不同的异步提交方法,它们各自有其特点和适用场景。下面我们将详细探讨这两种方式的区别。 1. **Ext.FormPanel的异步提交** `Ext.FormPanel` 是...
其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...
3. **Ajax请求**:使用`Ext.Ajax.request`方法发起异步请求,该方法支持POST或GET方式提交数据。在`action.js`中,可以配置请求的URL(如`action.html`),数据类型,以及成功或失败的回调函数。 4. **服务器端处理...
- **Ajax提交**:通过Ajax技术,可以在不重新加载页面的情况下发送数据至服务器,提供更流畅的交互体验。 - `Ext.form.Basic`:基于`Ext.Ajax`,提供简单的异步表单提交。 - `Ext.form.Action`:封装了更多高级...
表单数据可以通过Ajax提交到服务器。 7. **EXT.grid.Panel**:EXT.grid.Panel是用于展示表格数据的组件,它支持排序、分页、编辑等功能。数据可以从Ajax请求中获取并显示在表格中。 8. **EXT.util.Event**:EXT.js...
6. Ajax集成:EXT Grid通过Ajax请求从服务器获取或提交数据,这使得页面能够在不刷新的情况下更新内容,提供了流畅的用户体验。 在JSP中使用EXT实现Grid时,我们需要以下步骤: 1. 引入EXT库:在JSP页面中引入EXT...
在实际应用中,尤其是涉及在线编辑器的场景,直接使用AJAX提交数据可能会遇到编码、违禁字符和中文乱码等问题。为了解决这些问题,推荐使用form表单提交的方式,因为它能更好地处理这些问题,并且易于与Struts2等...