Ext.form.FormPanel 提交数据

最新推荐文章于 2012-12-11 21:39:36 发布

原创最新推荐文章于 2012-12-11 21:39:36 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #Servlet #Web #HTML

Javascript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何使用ExtJS框架中的formPanel组件进行表单数据提交，并展示了具体的JavaScript代码示例。其中包括设置表单提交等待提示、指定提交方式及URL等配置。此外还详细解释了不同情况下的成功与失败回调函数的处理方式，以及如何解析后端返回的数据。


formPanel.form.submit({
				waitTitle : "请稍候",
				waitMsg : "正在提交表单数据，请稍候.......",
				url : updateurl,
				method : "POST",
				success : function(form, action) {
                        Ext.MessageBox.alert('提交失败', action.result.msg);
					//Ext.MessageBox.alert('提示信息', '数据已经成功提交！');
				},
				failure : function(form, action) {
					Ext.MessageBox.alert('提交失败', action.result.errors);
					//Ext.MessageBox.alert('提示信息', '表单提交失败！');
				}
			});

servlet端返回数据的格式：
success:
"{success:true, msg:'successed!'}"
failure:
"{success:false, errors:'failured!'}"

或者
"{success:false, errors:\"failured!\"}"
或者
"{success:false, errors:{info:'failured!'}}"，此时web端应写为Ext.MessageBox.alert('提交失败', action.result.errors.info);

注意function(form, action){}参数的位置不要写反了，要不会得到action.result.errors不是对象或未定义之类的错误