//表单对象
var memberForm = new Ext.FormPanel({
title: '添加新文章信息',
url:'./member_manage.jsp?command=insert',
items: [articletitle],
buttons:[
{
text:'提交',
handler : function(){
if ( memberForm.getForm().isValid() )//表单数据进行验证
memberForm.getForm().submit({ //提交表单
waitMsg:'保存中,请稍后...', //表单提交等待过程中,出现的等待字符
success : function(re,v){
//表单提交成功后,调用的函数.参数分为两个,一个是提交的表单对象,另一个是JSP返回的参数值对象
var jsonobject = Ext.util.JSON.decode(v.response.responseText);
//将返回的JSON数据转换成JSON对象,转换失败即报错.
// Ext.Msg.alert("msg,oject",jsonobject.msg); //用JSON对象获取JSON数据的值
memberForm.getForm().reset();//表单中所有数据置空
memberAddWindow.hide();//表单隐藏
bbscenter.getRootNode().reload();// 重新加载树结点.
}
failure : function(){
Ext.Msg.alert("msg,oject",jsonobject.msg);//返回失败
});
}
},{
text:'取消',
handler : function(){
memberForm.getForm().reset();
memberAddWindow.hide();
}
}]
});
JSP:
out.print("{success:true , msg:'123'}") ; //只有指定success:true才能返回成功,succes:false或其他字符返回失败.
分享到:
相关推荐
extjs 表单提交 需 要 注 意 的 事 项
保存提交代码,extjs4.0 // 重置 和 保存 按钮. buttons: [{ text: '重置', handler: function() { this.up('form').getForm().reset(); } }, { text: '保存', /*formBind: true, //only enabled once the ...
首先,实现ExtJs表单提交和登录效果通常涉及以下几个步骤: 1. 在ExtJs子类中添加单击提交事件处理函数。这一过程涉及到使用ExtJs框架提供的事件监听机制,它允许开发者为特定组件绑定自定义事件处理逻辑。 在提供...
在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...
这个方法会接收到ExtJS表单提交的数据,并根据业务逻辑进行处理。返回的字符串将作为`action.result.message`显示在前端。 总的来说,提交ExtJS表单涉及前端的表单构建、事件监听以及后端的接收和处理。确保前后端...
### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...
1. **创建接收端点**:创建一个ASP.NET页面或Web API控制器方法,这个方法会接收EXTJS表单提交的数据。数据通常以POST方式发送,ASP.NET可以通过`Request.Form`或`Request.InputStream`来获取。 2. **处理数据**:...
EXTJS表单支持多种事件,如`beforesubmit`、`submit`、`success`和`failure`,这些事件允许开发者在表单提交前后执行自定义操作。例如,`beforesubmit`事件可以在表单提交前进行数据验证或修改,而`success`和`...
console.log('表单提交', action.result); }); ``` 5. **动态移除字段**: 当需要移除某个字段时,可以使用`remove`方法: ```javascript formPanel.remove(textField); formPanel.doLayout(); ``` 6. **...
1. 添加合同:用户填写合同信息后,通过ExtJS表单提交,PHP接收到数据,验证后存入MySQL。 2. 修改合同:用户选择一条合同记录,表单填充当前信息,修改后提交,PHP更新数据库。 3. 删除合同:用户选择要删除的合同...
EXTJS表单验证主要依赖于`Ext.form.field.Base`组件,它是所有表单字段的基础类。每个表单字段都可以配置验证规则,通过`vtype`属性定义基本的验证类型,或者使用`validators`属性自定义验证函数。对于特殊字符的...
本篇文章主要介绍了一种优化的EXTJS表单提交方法,通过精简代码,提高了开发效率。下面我们将详细探讨这个优化的表单提交通用实现。 首先,我们来看一下提供的优化代码: ```javascript /** * 提交表单 */ ...
5. **事件监听**:设置事件监听器来处理用户交互,如表单提交、字段变化等。 6. **渲染和显示**:将表单渲染到页面上,让用户可以操作。 从提供的标签“源码”和“工具”来看,可能包含的资源kk.doc可能是一个示例...
虽然示例中没有给出第四种方式,但EXT JS的FormPanel还支持直接在配置中指定Action,这样在表单提交时,EXT JS会根据Action配置自动处理提交逻辑。Action可以是一个包含处理提交的控制器方法的URL,或者是一个EXT ...
在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...
这里的`name`属性是表单提交时的数据字段名称,`fieldLabel`则是在表单界面上显示的标签。 ### 密码框(PasswordField) 密码框与文本框类似,但会将输入的字符显示为星号或其他符号,以保护用户的隐私。在Extjs中...
alert('表单提交成功'); } else { alert('表单提交失败'); } } } } } ``` 对于更复杂的需求,如动态添加或删除表单字段,FormPanel 提供了`add`和`remove`方法。同时,`loadRecord`方法可以用来从记录对象中...
本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...