ExtJS > Trigger-Field bei Enter auslösen

Damit ein Trigger-Field auch bei Enter ausgelöst wird, bedarf es einen kleinen Trick:

Ext.create('Ext.panel.Panel', {
    items: [
        {
            xtype: 'triggerfield',
            triggerCls: 'x-form-search-trigger',
            emptyText: "Suchbegriff eingeben",
            onTriggerClick: function() {
                // Diese Funktion wird ausgeführt, wenn jemand auf den Button klickt
            },
            listeners: {
                specialkey: function(field, e) {
                    if(e.getKey() == e.ENTER)
                    {
                        field.onTriggerClick();
                    }
                }
            }
        }
    ]
});

Im Grunde wird einfach nur ein neues Event specialkey für das Element angelegt, das abfragt ob Enter gedrückt würde.

Schreibe einen Kommentar