防止在表单上重新加载字段按Enter在Extjs中

Question

我对Extjs Modern Toolkit的表单组件有问题。

我创建一个没有按钮的表单（您可以在Sencha小提琴中对其进行测试）。唯一的按钮在标题栏中，目前尚不正常。

问题是：

按ENTER上的表单提交。我的表单为空，默认方法是帖子，但是当我按Enter在我的任何字段上时，我的页面正在重新加载。浏览器中的URL地址字符串互补的表单字段名称，但表单的方法是帖子。

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 form nyfeart中看到这种行为。

Answer 1

只需将id用其他内容替换为字段名称中的 Id，它与ext id属性

是冲突

{
  xtype: 'numberfield',
  label: 'Some ID',
  allowBlank: true,
  name: 'Id'
},