PDA

View Full Version : Overlay disappear immediately after triggered from list itemtap event



gokiller
14 Aug 2011, 10:22 PM
Hello,
I want to use the list component's itemtap event to open an overlay popup. The code is like below, quite straightforward. But after tab the list item, the overlay show up momentarily, then disappeared! Then the page turns black, then go back to the very first page of my application!
If I open the same overlay from other place, like the Toolbar button, then it works fine.
Any one know what is the problem?

Thanks!

AirlineCompare.popup = new Ext.Panel({
floating: true,
modal: true,
centered: true,
width: 200,
styleHtmlContent: true,
html: '<p>This is a modal, centered and floating panel. hideOnMaskTap is true by default so ' +
'we can tap anywhere outside the overlay to hide it.</p>',
dockedItems: [{
dock: 'top',
xtype: 'toolbar',
title: 'Overlay Title'
}],
scroll: 'vertical'
});


AirlineCompare.list = new Ext.List({
...
listeners: {
itemtap: function(list, index, el, event){
AirlineCompare.popup.show();
}
}
});