Question

I simply want to add a hyper link in my application. I tried the following code and the link is appearing in the page. But the on click event is not working. Can anyone please tell me what might be the reason?

xtype:'box',
isFormField: true,
id: "prospectStageLink",
style: "padding: 3px",
autoEl:{
    //html: '&nbsp;<a href>Link To Prospect</a>'
    tag: 'a',
    href: '#',
    cn: 'Link To Prospect'
},
listeners: {
    render: function(c){
        c.on('click', function(e){
            alert('clicked', 'hiii');
        }, c, { stopEvent: true });
    }
}

Answer 1

try this :

listeners: {
    render: function(component) {
        component.getEl().on('click', function(e) {
            alert('test');
        });    
    }
}