Extjs4.0.7 提交表单

来源：互联网发布：mac图标放在桌面编辑：程序博客网时间：2024/05/20 23:06

var simple = Ext.create('Ext.form.Panel', {
standardSubmit: true, // false为Ajax提交设置成true就可以去一个新URL了
//action:'extjs1.jsp',
url:'extjs1.jsp',
frame:true,
title: '用户登录',
bodyStyle:'padding:5px 5px 0',
width: 400,
//height:200,
x: 500,
y: 150,
fieldDefaults: {
msgTarget: 'side',
labelWidth: 75
},
defaultType: 'textfield',
defaults: {
anchor: '100%'
},

items: [{
fieldLabel: '用户名',
name: 'userName',
id: 'userName',
allowBlank:false
},{
fieldLabel: 'Last Name',
inputType:'password',
id: 'password',
name: 'password'

},{
fieldLabel: 'Company',
name: 'company'
}, {
fieldLabel: 'Email',
name: 'email',
vtype:'email'
}, {
fieldLabel: 'Search',
name: 'query',
xtype: 'checkboxfield'
},
{
xtype: 'timefield',
fieldLabel: 'Time',
name: 'time',
minValue: '8:00am',
maxValue: '6:00pm'
}],

buttons: [{
text: 'submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
// 默认是Ajax提交
form.submit();
}
}
},{
text: 'Cancel'
}]
});
simple.render(document.body);

0 0