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

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.

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
}

Try this:

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

If you're using a CheckBoxGroup, you should do something like this to make sure you are firing on the correct Radio.

listeners: {
    check: function(checkbox, checked) {
        if(checked) {
                 // do whatever.
        }
    }
}