Try this:
Code:
....
items: [{
/*
* Insert a link
*
*/
xtype: 'container',
layout: {type: 'hbox'},
margin: '10 0 0 40',
cls: 'auto-test-Cua-Report-Link',
items: [{
xtype: 'box',
html: '> '
},{
xtype: 'box',
autoRender: true,
autoEl: {
tag: 'a',
href: 'CuaReport: CuaReport',
title: Irm.imc.language.translate('tooltips.message.cuareport'),
onclick: 'return false;',
html: Irm.imc.language.translate('manageusers.buttons.cuareport')
},
listeners: {
click: {
element: 'el',
fn: function(){
var cmp = Ext.getCmp(this.id);
cmp.up('container').fireEvent('click');
}
}
}
}]
},{
....
}]
....
Suppose that component above is inside a panel, then you can refer to this component from controller as below:
Code:
this.control({
'panel container': {
click: function(){
console.log('link clicked');
}
}
});