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!