Hyperlink not working when the panel hide with tap event.

[hopthuden]

My panel is listening tap event for closing itself. But this event makes the hyperlinks and buttons on the panel can not work. Please help me to resolve this case.



APP.ProductPanel = Ext.extend(Ext.Panel, {
initComponent : function() {
//Info card
this.infoCard = new Ext.Component({
tpl: new Ext.XTemplate('<div class="productlink">Link: <a href="javascript:alert(\'Hello');">{retailerUrl}</a></div>', {compiled: true})
…..
} ,

afterRender: function() {
APP.ProductPanel.superclass.afterRender.apply(this, arguments);
Ext.EventManager.on(this.id, 'tap', function() {
var product = Ext.getCmp('productpanel');
productDetail.dataPopup.hide(); //Hide this card
}
});
},

Thank you.