我对 ExtJS 现代工具包的表单组件有疑问。
我创建了一个没有按钮的表单(您可以在 sencha fiddle 中对其进行测试)。唯一的按钮在标题栏中,目前无法使用。
问题是 :
按 Enter 提交表单。我的表单是空的,默认方法是 POST,但是当我在焦点位于我的任何字段上时按 Enter 时,我的页面正在重新加载。浏览器中的 URL 地址字符串补充了表单字段名称,但表单的方法是 POST。
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
requires: [
'Ext.form.FieldSet',
'Ext.field.Text',
'Ext.field.TextArea',
'Ext.TitleBar'
],
items: [{
xtype: 'titlebar',
docked: 'top',
title: 'Searching',
items: [{
iconCls: 'fa fa-search',
iconAlign: 'right',
text: 'Search',
align: 'right',
handler: function() {
//
}
}]
}, {
xtype: 'fieldset',
border: false,
shadow: 'true',
defaults: {
value: ''
},
items: [{
xtype: 'numberfield',
label: 'Some ID',
allowBlank: true,
name: 'id'
},
{
xtype: 'textfield',
label: 'Some Article',
name: 'article'
}
]
}]
});
如何防止页面重新加载?
默认情况下,我从未在ExtJS表单中看到过这种行为。