Error Message when 'Enter' key press

[izak18]

Hi, i have this textfield and when I press 'Enter' key I get this error message, but still works:

{		xtype: 'textfield',
		name: 'descripcion',
		useClearIcon: true,
		label: 'Descripción',
		placeHolder: 'Ingrese Descripción',
		listeners: {
			keyup: function(thisField, e) {
				if(e.browserEvent.keyIdentifier == 'Enter'){
					buscaMatView.setActiveItem('listaMatPanel',{ type: 'slide', direction: 'left' });
				}
			}
		}
	}

Error:

Uncaught TypeError: Cannot call method 'indexOf' of null

Why happen that?

Thanks in advance.

[mitchellsimoens]

Do you still get the error if you comment out the setActiveItem line?

[izak18]

Hi mitchellsimoens, yes i still have it, what else can be?
Thanks for your time.

[mitchellsimoens]

This is because the form will submit on action (action will be when you hit enter on the field). You should set the submitOnAction config to false:

new Ext.form.FormPanel({
    fullscreen     : true,
    submitOnAction : false,
    items          : [
        {
            xtype       : 'textfield',
            label       : 'Test',
            placeHolder : 'Test',
            listeners   : {
                keyup : function(field, e) {
                    if (e.browserEvent.keyIdentifier === 'Enter') {
                        console.log('hi')
                    }
                }
            }
        }
    ]
});

[izak18]

Thank you so much! I'm learning so much with your help.