[3.0.x, 3.1.1] ux.ManagedIFrame 2.x

[armagedon]

MIF ist simply an Iframe with some additional logic. You simply should not load any EXTJS Scripts in the Pages that you load in an MIF Panel. That is documented on the MIF Page as well.

I do not understand, why it should be not possible to load EXT JS Scripts in the Pages that are loaded by MIF Panel. (I also didn´t found the resource, where is written, that this is not possible)

On MIF Google Code there is the first sentence

Ever try to use an Iframe element as a '''writable''' body to Ext.Panel? Perhaps to render your own content in isolation from the rest of the host page, or just load another website in a tab panel.

So then there is some mismatch in the strategy and logic. Could the developer please bring some light in this problem?

However, it is true, that loading EXT JS Scripts in the MIF Pages causes strange Problems.

Today I was trying to load several MIFs in Tabs with Ext 3.1.1 and MIF 2.1 (SVN rev 80,81,82). Loading the Pages was not a Problem. But as I try to close the Tab, my applications freezes. This only occurs in FF 3.0.XX, IE 7 (3.5 not tested). Chrome and IE 8 are working well. Opening "http://www.google.com" in e.g. 5 MIFs doesn`t causes any problems. By removing ext-all.js from my loaded pages everything works fine, but the application is gone.
Is this a known problem/restriction? It will be nice to discuss this "problem?!".

p.s. I have been using several EXT JS pages with MIF in EXT 3 and MIF 2 with success!

[armagedon]

You should not load the EXTJS Framework in the iFrames. Then you have no freezing problems. Access to Ext is possible through parent.ext .

Hope this helps. For me it fixed all freezing issues.

I am going to try this....

Why there is a problem with loading EXT Framework in the MIF Page?

[muratyildiz]

Try this.
http://www.extjs.com/forum/showthread.php?t=92040

[armagedon]

Try this.
http://www.extjs.com/forum/showthread.php?t=92040

Dear murytyildiz,

you are my hero :-)

It works very nice!

I just suggest to add

style="height: 100%;"

or

style="height: '+this.height+'px;"

Otherwise the IFRAME has small default height.

                header :this.header,
                html: '<div id="divTab-'+this.id+'" style="height: 100%;"><iframe id="frameTab-'+this.id+'" style="overflow:auto;width:100%;height:100%;" frameborder="0"  src="'+this.url+'"></iframe></div>',
                width : this.width,

This is very nice piece of code and the best - very simple and light.

Thank you very much!

[muratyildiz]

Thanks for help.

Dear murytyildiz,

you are my hero :-)

It works very nice!

I just suggest to add

style="height: 100%;"

or

style="height: '+this.height+'px;"

Otherwise the IFRAME has small default height.

                header :this.header,
                html: '<div id="divTab-'+this.id+'" style="height: 100%;"><iframe id="frameTab-'+this.id+'" style="overflow:auto;width:100%;height:100%;" frameborder="0"  src="'+this.url+'"></iframe></div>',
                width : this.width,

This is very nice piece of code and the best - very simple and light.

Thank you very much!

[njw]

We are using ExtJS 3.1.0 (release) and MIF2.1

When uploading a file using IE, the browser crashes on File Upload due to DEP.

To remedy this problem, I changed line 6382 in ext-all-debug from

if(!me.debugUploads){
   setTimeout(function(){Ext.removeNode(frame);}, 100);
}

to

if(!me.debugUploads){
  //setTimeout(function(){Ext.removeNode(frame);}, 100);
  setTimeout(function(){
  var myIframe = Ext.get(frame.id);
  myIframe.remove();
  }, 100);
}

Couple of questions:
1) Should I be required to do this?
2) I feel very vulnerable overwriting Ext.data.Connection. Would any other components might be affected by this change? If so, what components. I did some testing with our forms. They seemed okay.

Thanks,
Albert

I get the same issue with MIF 2.1 and Ext 3.1.1. A simple Ext form panel used for a file upload works fine if the MIF extension isn't included on the page. Include MIF and the same upload code crashes IE with a DEP/Data Execution Prevention error. Upload works fine, it appears to be as above, the Ext.removeNode after the upload completes.

Anyone have any ideas on this?

[hendricd]

MIF 2.1.1 (for Ext 3.1.1+ ONLY) is available in code.google trunk and zip !

Please report any issues you encounter ASAP.

[massimo]

This is not an MIF problem. This is an old problem with Ext. See this thread: http://www.extjs.com/forum/showthread.php?t=27515
I am still using this fix in Ext3.1.1 - but the css changes are no longer needed.

Here is my current override for this problem:

[...]

Thank you very much! It works fine.

[njw]

MIF 2.1.1 (for Ext 3.1.1+ ONLY) is available in code.google trunk and zip !

Please report any issues you encounter ASAP.

Thanks. Just tried the update, unfortunatly IE is still crashing with a DEP error after a File Upload.

I had some more time to test today and have located the error. In the MIF's override of Ext.removeNode, the error occurs at line 380:

delete el.dom;

Thanks

[SunWuKung]

I am trying to get an element in a managed iframe but so far no luck.

this finds it but it does not return the Extjs element
var element = document.getElementById('name');

this doesn't find it
var element =Ext.getCmp('name');

How do I do this?
Thanks for the help.
SWK

Sorry - found that document.getElementById works for me fine.