Why is ManagedIframe such a mystery?

[KirthiRaman5]

I almost spent a week in attempt to make a demonstration of iframe work with ExtJS (3.x). Sometimes I ran into circles. I noticed that Doug Hendricks had posted solutions to many frustrated users. However, I am still failing to make a demo page work. I took the samples from http://www.sencha.com/forum/showthre...el-%281.2.7%29 and I tried everything.

When I run adviframes.html (in the sample advDemo22.zip in the above link) and I get uncaught exception that border layout does not have center region. But adviframes.js does have center region defined as tabpanel.

Why isn't there one sample that someone can just use? If I cannot use iframe, the chances of using ExtJS in our new project is zero, because all our applications have navigation menu (as tree) on left and iframe in the center right.

Any pointers to a working example that does not need too many tweaks?

[jay@moduscreate.com]

try contacting the author of that component.

[laurentParis]

are you include all files needed by sample ?

[Animal]

Are you sure you need the complexity of a ManagedIframe?

Couldn't you just use an iframe DOM element?

And are you even sure you need to use iframes at all? I can't see very much good use for them.

[mschwartz]

Are you sure you need the complexity of a ManagedIframe?

Couldn't you just use an iframe DOM element?

And are you even sure you need to use iframes at all? I can't see very much good use for them.

Ext Window with iframe in it and a "print" button. The print button handler calls the iframe's window.print() function.

There's a use right there.

[dnickels]

I'm currently working on a prototype app that requires iframes. I tried using the ManagedIframe component, but ran into problems and ultimately decided against using it. A portion of the problems that I experienced were due to the documentation for the component not being up-to-date. Also, example code that I found in various forum posts didn't always work (I think because some examples were for older versions of the component than what I was using (?)). Then again - it could have just been me (I've only been using Ext JS for a little over 2 weeks :-). When trying to use the ManagedIframe though, I quickly felt like I was spinning my wheels and was spending too much time trying to learn the component relative to the amount of time allocated for the task.

What I finally decided upon was a simple, custom IFrameComponent (based on a posting by jack.slocum in the thread at http://www.sencha.com/forum/showthre...ithin-TabPanel). This has worked quite well for me so far.

As an FYI, I found that when I tried to use the ManagedIframe component in a portal type application (based on the Ext JS portal example), I would have exceptions thrown whenever I dragged-and-dropped portlets containing ManagedIframe's on the portal panel. The exceptions wouldn't get thrown immediately upon the first drag-and-drop; if I move a portlet back-and-forth between two positions on the portal, eventually after somewhere between 11 - 20 moves, I would start to get exceptions being thrown. I did a search at the time and found a posting by the author of the control that stated that similar exceptions were caused by some sort of change that had been made to the Ext "caching" mechanism in a recent version. Unfortunately, I didn't bookmark the URL and can't find it any longer.

[KirthiRaman5]

There were minor issues that I did not notice, otherwise example provided by Doug Hendricks really works. If one is using Ext3.x then the Portal, PortalColumn and Portlet are under ux.

<script type="text/javascript" src="../ux/Portal.js"></script>
<script type="text/javascript" src="../ux/PortalColumn.js"></script>
<script type="text/javascript" src="../ux/Portlet.js"></script>

[Animal]

What I'm getting at, is that if all you need is an iframe containing an HTML document, then configure your Panel (or subclass thereof) with

    bodyCfg: {
        tag: 'iframe',
        src: 'http://foo',
        style: {
            border: '0 none',
            margin: '0'
        }
   }

[Lloyd K]

I'm unsure what the issue is? You just include miframe.js or miframe-debug.js and create an Ext.ux.ManagedIFramePanel and voila. Oh and here's the docs:

http://uxdocs.theactivegroup.com/