Adding a Listener to a Fieldset for field changes

[mjew]

I have a fieldset in a form panel with several fields of different types and I want to fire a function when any field is changed. The change listener event is fine for an individual field, but rather that having to put a listener on every single field, is there a listener I can put on the fieldset or the form that fires when any field changes? I tried the updatedata event for the form but that is't doing it.

[scottmartin]

You can use the following:



Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,

layout: 'anchor',
defaults: {
anchor: '100%'
},

// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false
},{
fieldLabel: 'Last Name',
name: 'last',
allowBlank: false
}],

defaults: {
listeners: {
change: function(field, newVal, oldVal) {
console.log('change');
}
},
},

renderTo: Ext.getBody()
});​


Scott

[mjew]

Great, thank you. This works!