Ext.ux.ManagedIframe 4.0 alpha2 for Ext 4.x

[hendricd]

Well, I figured it's time to get this rolling again!

With all the new goodies built into Ext 4 now, I'm able to shed a fair amount of baggage originally required to maintain compatibility for legacy Ext releases (1-3.x). The suite will be much lighter-weight than previous version without sacrificing too many features.

A few words about the Alpha Roadmap:

Alpha 1 provides a basic MIF.Component only, with simple support for masking, shimming (during resizing and the presence of overlayed menus) and event bubbling. There will be no Panel, Window, or Portlet subclasses (an inheritance nightmare that does little more now than bloat your code!). Simply nest the Component in any layout!

Alpha 2 (targeted for early-July) will introduce:

ux.ManagedIframe.Element.

This class will add additional support for:

Normalized 'dataavailable' and 'load' events (formerly the 'domready' and 'documentloaded' events) for all browsers as well as the legacy focus, blur, resize, and other events.

DOM Flyweight, DOMQuery, and Event listeners against the frame's DOM.
Traditional submitAsTarget (forms), script/function/css injection methods found in the previous releases.

CMS and report-generation fans can Load and write Ajax-based/structured (or template-fed) content directly into their iframes for isolated printing, etc.

Alpha 3 (late July) will re-implement a messaging abstraction of postMessage etc (again for all browsers).

In an effort to keep the example simple to use, just expand the zip file right into the /examples folder of your Ext 4 distribution and run it!

So, what happened to MIF 3 you say? Skipped it altogether! Easier for all to match up the right releases!

I'll update this thread as the features roll out, so stay tuned! The beta release will move the code-base up to the existing google.code/SVN repositories.

Please let me know about issues, recommendations, and ideas!

Latest download can be found here.

[AJ1989]

Can tell me one how i use the frame?? How i have it to bind it in my index.html?

[hendricd]

@AJ1989 --

I'm not really sure what you are asking.

Is it:
How do I load my (index.html) page into the ManagedIframe component? or,
How do I build an Ext 4 project that uses the ManagedIframe component?

[AJ1989]

I want to use the component in my project but i dont know. Thanks for helping

[hendricd]

I want to use the component in my project but i dont know. Thanks for helping

@AJ--
The extensions forums are likely not the best place to get started on your first Ext project. Have you downloaded the SDK and perused the various examples?

Short of that, I'd recommend you begin your journey here.

[gelleneu]

Is there any support for Drag/Drop planned? Use case: Drag an Element from the Parent (ExtJS) GUI into an defined place in the Iframe, and other direction (Drag from the Iframe Content into a list or tree of the parent doc.

[hendricd]

Is there any support for Drag/Drop planned? Use case: Drag an Element from the Parent (ExtJS) GUI into an defined place in the Iframe, and other direction (Drag from the Iframe Content into a list or tree of the parent doc.

@gelleneu --

It's something I came very close to achieving in the previous release. The focus on this release is to create a richer event model that will eventually support that type of interaction. Got any experiments you'd like to share/pitch?

[hendricd]

As roadmapped, MIF-alpha2 is now available.

To see things in action, simply expand the zip file into your /examples folder of your Ext 4 distribution.

Notes:

Work left to do: CSS module, messaging.
Minimal testing done at this stage on Opera.?

Study the mif.js demo script fully to see what all is going on.

[pkli]

Hi Doug,

Great work !

A quick test on Chrome Mac 12.0.742.100 and a bug report : sometimes, click on Iframe do not dismiss menu.

To reproduce issue :
- click on "Other sites", menu is displayed.
- move mouse outside button/menu but do not click anywhere.
- put the mouse again over the menu button : the tip is displayed.
- now, click in the iframe, the menu does not disappear.

[hendricd]

Hi Doug,

Great work !

A quick test on Chrome Mac 12.0.742.100 and a bug report : sometimes, click on Iframe do not dismiss menu.

To reproduce issue :
- click on "Other sites", menu is displayed.
- move mouse outside button/menu but do not click anywhere.
- put the mouse again over the menu button : the tip is displayed.
- now, click in the iframe, the menu does not disappear.

@pkli --

Thanks for the report. I've already added internal shim-request count support to combat that problem. Look for it in the next alpha/beta.