extjs表单提交有两种方式
extjs表单提交有两种方式:
一种是AJAX方式提交,另一种是传统方式提交。
默认是AJAX方式提交。如果想用传统方式提交这要进行如下设置(注意红色部分)
Ext.onReady(function()
{
Ext.QuickTips.init();
var loginForm=new Ext.FormPanel
({
standardSubmit: true, 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();
}
}
]
});
}
);