ExtJs 4: submit form on enter

It’s a shame that such a powerful framework as ExtJs 4 does not have this feature built-in.

function submitOnEnter(field, event) {
	if (event.getKey() == event.ENTER) {
		field.up('form').getForm().submit();
	}
}

var form = Ext.create('Ext.form.Panel', {
	...
	defaults: {
		...
		listeners: {
			specialkey: submitOnEnter
		}
	},
	submit: function() {
		// Your submit code
	}
});

The above code automatically adds the listener to every field in the form. Alternatively you may do it yourself:

items: [{
	fieldLabel: 'Email',
	name: 'email',
	vtype: 'email',
	maxLength: 64,			
	allowBlank: false,
	listeners: {
		specialkey: submitOnEnter
	}
}]

See it all in action.