フォームフィールドのページリロードを防止するExtJSの入力を押してください

Question

ExtJSの最新ツールキットのフォームコンポーネントに問題があります。 ボタンなしのフォームを作成します（これはsenchaのフィドルでテストできます）。唯一のボタンはタイトルバーにあり、現時点では機能していません。

問題は次のとおりです。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' 
      } 
     ] 
    }] 
}); 

ページの再読み込みを防止するにはどうすればよいですか？私は

Answer 1

ちょうどフィールド名でIdである可能性が何か他のものとidを交換... ExtJSのフォームのデフォルトでは、この振る舞いを見たことがない、それは

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