Wie auf Schaltfläche als Standardschaltfläche

Question

Ich habe ein Formular für Form in ExtJs 6, lege ich die Submit-Button als Standardschaltfläche festlegen müssen, wenn sie drücken Sie Enter in das Textfeld ein, hier geschoben wird, ist der Code

{ 
    xtype: 'panel', 
    animCollapse: true, 
    collapseDirection: 'top', 
    collapsible: true, 
    iconCls: 'fa fa-filter', 
    title: 'By Mac Address', 
    items: [{ 
     xtype: 'textfield', 
     id: 'macaddressValue', 
     itemId: 'macaddressValue', 
     padding: 10, 
     fieldLabel: 'Mac Address' 
    }, { 
     xtype: 'button', 
     width: 150, 
     iconCls: 'fa fa-search', 
     text: 'Search', 
     listeners: { 
      click: 'onSearchClick4' 
     } 
    }] 
} 

benutzen ich Referenzen, aber keinen Erfolg, was kann ich als eine mögliche Antwort nutzen oder

Answer 1

die Antwort gefunden buchen

ich hatte gerade ein specialkey Ereignis in das Textfeld hinzufügen und Feuer Absenden-Button wie dies

if (e.getKey() == e.ENTER) { 
    var myBtn = Ext.getCmp('macSearch'); 
    myBtn.fireEvent('click', myBtn); 
} 

Answer 2

Schreiben Sie einen Tastendruck Hörer im Textfeld. und rufen Sie die Handler-Funktion der Senden-Schaltfläche auf.

Unten finden Sie den Code.

{ 
xtype: 'panel', 
animCollapse: true, 
collapseDirection: 'top', 
collapsible: true, 
iconCls: 'fa fa-filter', 
title: 'By Mac Address', 
items: [{ 
    xtype: 'textfield', 
    id: 'macaddressValue', 
    itemId: 'macaddressValue', 
    padding: 10, 
    fieldLabel: 'Mac Address', 
    listeners: { 
     keypress : function(textfield,eventObject){ 
      if (eventObject.getCharCode() == Ext.EventObject.ENTER) { 
       me.onSearchClick4(); // Call the handler of your Submit button. 
      } 
     } 
    } 
}, { 
    xtype: 'button', 
    width: 150, 
    iconCls: 'fa fa-search', 
    text: 'Search', 
    listeners: { 
     click: { 
      scope : me, 
      fn : me.onSearchClick4(); 
     } 
    } 
}]}