Adding click event to radio boxes Ext.form.Radio in Ext JS

Question

I have a simple radio button:

new Ext.form.Radio({
                    id: 'ptype',
                    boxLabel:'Yes',
                    name: 'price_type',
                    value: 1
                })

However Im having trouble adding a on click event ot it. I usually use:

listeners: {
                click: function (a,e) {
                    //event
                }
}

As a config parameter, however it does not seem to work in this case.

Any advice appreciated, thanks.

Answer 1

Radio and checkboxes do not have a click event -- I believe you want the check event instead. Your listener should look like:

listeners: {
    check: function (ctl, val) {
        // val is the new checked boolean value
    }
}

Note that the handler config is a handy shortcut for this (also available on buttons). Instead of the listeners syntax you could just do this:

handler: function(ctl, val) {
    // etc
}