PDA

View Full Version : Drop Down menu not collapsing if clicking on iframe



Arfath
6 Aug 2013, 2:34 PM
Hi

I have drop down menu in the header which is followed by iframe. When I click on menu its shows the drop down list but when I click outside the menu (i.e. on iframe) it doesn't collapse. following are the code snippets for drop down and panel

// report menu bar
var toolbar = Ext.create('Ext.toolbar.Toolbar', {
region: "north",
height: 25,
loadMask: false,
items: ["->",{
id: "historyBtn",
text: TXID.WEB_REPORT_HISTORY,
menu: {
items: historyMenu
}
}]
});


// report result panel
var reportPanel = Ext.create('Ext.panel.Panel', {
id: "reportPanel_region",
region: "center",
border: false,
layout: 'border',
items:
[listTree, {
id: 'reportPanel',
border: false,
region: 'center',
html: "<iframe id='resultReport' class='reportFrame' src='/enteliweb/report/display/ReportID/8da97974-fedb-11e2-a3c1-009027a35fba/data' frameborder='0'></iframe>"
}]
});

45222

Please refer the screenshot and please suggest me how to collapse the drop down menu list if click on iframe?


Thanks
Arfath

45222

scottmartin
7 Aug 2013, 9:56 PM
The iframe is eating the mouse click. You will have to code around this .. a bit tricky.

Scott.