防止在表单字段上重新加载页面按 ExtJS 中的输入

Question

我对 ExtJS 现代工具包的表单组件有疑问。

我创建了一个没有按钮的表单（您可以在 sencha 中测试它 fiddle）。唯一的按钮在标题栏中，目前无法使用。

The problem is :

按 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 表单中看到这种行为。

Answer 1

只需将id替换成字段名称中的Id即可，它与Ext id 属性

冲突

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

防止在表单字段上重新加载页面按 ExtJS 中的输入

Prevent page reload on form field press enter in ExtJS

extjs

extjs6

extjs6-modern