Context menu within an IFrame window

[kisundar]

I have a View created





Ext.define('Status.view.user.SummaryView',
{
//extend: 'Ext.view.View',
extend: 'Ext.panel.Panel',
alias: 'widget.buildsummaryview',
autoScroll: false,
tpl: new Ext.XTemplate(
'<tpl for=".">',
'<h1><center><b>Summary<br></b></center></h1>',
'<iframe id="frame1" class="thumb-wrap" seamless="seamless" frameborder="1" style="width:100%; height:100%;" src="{testurl}"></iframe>',
'</tpl>'
),
itemSelector: 'div.thumb-wrap',
emptyText: 'No Summary Data available'
});

Here testurl is an external url which gets rendered in the view. Now I want to attach a Ext context menu within the iframe. I am not sure how to do this.



var context = new Ext.menu.Menu({
items: [
{
text: 'I like Ext',
checked: true
}, '-', {
text: 'Custom context menu'
}
]
});

[mitchellsimoens]

The issue is the iframe is an actual different document and Ext JS is not loaded within the iframe.

[kisundar]

my reuirement is that I need a context menu in my Ext Panel

I am using someething like this




xtype: 'panel',
autoLoad: {
url: <some url which renders a html>
}




Now I want to have a context menu rendered for this url page contents. Is there a way i can achieve this. Kindly advice. Is there a sample code for the same