extjs表单提交有两种方式

最新推荐文章于 2021-03-23 22:53:58 发布

grey3

最新推荐文章于 2021-03-23 22:53:58 发布

阅读量65

点赞数

文章标签： EXT Ajax JSP

本文链接：https://blog.csdn.net/grey3/article/details/83707929

版权

extjs表单提交有两种方式：

一种是AJAX方式提交，另一种是传统方式提交。

默认是AJAX方式提交。如果想用传统方式提交这要进行如下设置(注意红色部分)

Ext.onReady(function()
{
Ext.QuickTips.init();

var loginForm=new Ext.FormPanel
({
[color=red]standardSubmit: true, [/color]
url:'test.jsp',
renderTo:document.body,
frame:true,
title:'用户登陆',
width:400,
items:[
{
xtype:'textfield',
fieldLabel:' 用户名 ',
name:'uname',
width:180,

allowBlank:false,
blankText:'用户名不能为空',
minLength:6,
minLengthText:'用户名的长度为[6-20]',
maxLength:20,
maxLengthText:'用户名的长度为[6-20]'

},
{
xtype: 'textfield',
inputType:'password',
fieldLabel:'密码',
name:'pwd',
width:180,

allowBlank:false,
blankText:'密码不能为空',
minLength:6,
minLengthText:'密码的长度为[6-20]',
maxLength:20,
maxLengthText:'密码的长度为[6-20]'
},
{
xtype: 'textfield',
fieldLabel:'验证码',
name:'val',
width:80,

allowBlank:false,
blankText:'验证码不能为空'
}
],
buttons: [
{
text: '登录',
type:'button',
handler:function()
{
if (!loginForm.getForm().isValid()) return;

loginForm.getForm().submit();

}
}
]

});
}
);