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

[mfalnes1]

Sorry Doug, I attached the wrong zip file. Try this one.

Thanks again.

[hendricd]

@mfalnes1 --

Found it (Competing Flyweights)!

Use this multidom.js override (MIF 4.0 alphas and Ext 4.0.x only people!), whilst I prepare Alpha 3

Ext.core.Element.getXY = function(el) {

            var fly = (el && el.dom) ? el : Ext.fly(el),
                p,
                pe,
                b,
                bt,
                bl,
                x = 0,
                y = 0,
                scroll,
                hasAbsolute,
                styles,
                doc = fly.getParentDocument(),
                bd = (doc.body || doc.documentElement),
                ret = [0,0];

            el = fly.dom;

            if(el && el != doc.body && el != doc.documentElement){
                hasAbsolute = fly.isStyle("position", "absolute");

                if (el.getBoundingClientRect) {
                    b = el.getBoundingClientRect();
                    scroll = Ext.fly(doc, '_docs').getScroll();
                    ret = [Math.round(b.left + (scroll.left || 0) ), Math.round(b.top + (scroll.top || 0))];
                } else {
                    p = el;

                    while (p) {
                        pe = Ext.fly(p, '_parents');

                        x += p.offsetLeft;
                        y += p.offsetTop;

                        hasAbsolute = hasAbsolute || pe.isStyle("position", "absolute");

                        if (Ext.isGecko) {
                            styles = pe.getStyles("borderTopWidth","borderLeftWidth","overflow") || {};
                            y += bt = parseFloat(styles.borderTopWidth) || 0;
                            x += bl = parseFloat(styles.borderLeftWidth) || 0;

                            if (p != el && styles.overflow != 'visible') {
                                x += bl;
                                y += bt;
                            }
                        }
                        p = p.offsetParent;
                    }

                    if (Ext.isSafari && hasAbsolute) {
                        x -= bd.offsetLeft;
                        y -= bd.offsetTop;
                    }

                    if (Ext.isGecko && !hasAbsolute) {
                        styles = Ext.fly(bd, '_bodyStyle').getStyles("borderLeftWidth", "borderTopWidth") || {};
                        x += parseFloat(styles.borderLeftWidth) || 0;
                        y += parseFloat(styles.borderTopWidth) || 0;
                    }

                    p = el.parentNode;
                    while (p && p != bd) {
                        if (!Ext.isOpera || (p.tagName != 'TR' && !Ext.fly(p, '_parents').isStyle("display", "inline"))) {
                            x -= p.scrollLeft;
                            y -= p.scrollTop;
                        }
                        p = p.parentNode;
                    }
                    ret = [x,y];
                }
                var flies = Ext.Element._flyweights;
                delete flies['_parents'];
                delete flies['_bodyStyle'];
                delete flies['_docs'];
            }
            return ret;
        };

[mfalnes1]

Thanks Doug. That worked. I appreciate the quick turn around.

[petersm]

Any idea when alpha 3 will be done?
I could really use the messaging functionality.

[andynuss]

Hi Doug,

I have a couple questions: for a simple mif panel, is 'documentloaded' and 'scroll' and 'resize' events as with 3.x?

Also, I want to do a login frame and registration frame in an extjs window which is secure (https) with mif if possible. I don't want to leave my application and go to a non-extjs looking standalone webpage. What do you recommend?

Andy

[bnuy1y2]

#1
I used documentloaded event provided by alpha1.
But why there is no such event in alpha2?
Then I fire it myself. I don't know if it will make some impacts.

#2
Another thing is,
meeting a js bug in IE7:

return Ext.isDocument(doc, assertAccess !== false) ? doc : false;

I use MS Js debugger. it stop in this line.
IE7 says the property or method is not exist.

[hendricd]

@bnuy1y2, @andynuss --

Ext.isDocument is a method provided by multidom.js (it must be loaded BEFORE the managediframe.js script.

MIF4 emits new native (well sort of) DOM events.

In previous MIF releases this event:

was ----------------- is now simply
domready ---------- dataavailable
documentloaded -- load

scroll, resize, focus, and blur events are also carried forward to MIF4.

[hendricd]

Hi Doug,

I have a couple questions: for a simple mif panel, is 'documentloaded' and 'scroll' and 'resize' events as with 3.x?

Also, I want to do a login frame and registration frame in an extjs window which is secure (https) with mif if possible. I don't want to leave my application and go to a non-extjs looking standalone webpage. What do you recommend?

Andy

@Andy--

Same-origin-browser-barking in that scenario (http vs https, if applicable) may create some noise. In a mixed domain environment such as that, you won't have much interactive capability with the FRAME document, but that may not be necessary unless your cookies (from the https domain) hold the session keys.

[extremed]

any idea how to show loading message while source is loading into iframe?

nevermind , found that setSrc method already showing load mask

[Scorpie]

Hi Hendricd, did you ever get around implementing drag&drop functionality? I have a use case in which I need to drop items from a dataview to a panel which contains an Iframe. Any thoughts?

Regards