1. #1
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

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

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


    ux.ManagedIFrame.[Element, Component,Panel, Portlet, Window]

    (Current Release 2.1.5)

    MIF 2.0x is only supported on Ext 3.0 RC3 thru 3.0.3 (previous Ext 3 release-candidates RC1, 2 are not compatible).

    MIF 2.1.x is only supported on Ext 3.1.1 higher. (For more on Ext 3.1 compatibility, read this)

    The latest build is also available on code.google/svn/tags.

    Some features available:
    • UpdateManager.update and load support (to IFrames document).
    • advanced scripting support.
    • loadMask support.
    • Cross-frame messaging (proprietary and HTML5 compatible postMessage)
    Supported events:
    • documentloaded
    • domready (fired when used with Updatemanager.update method, or when the document DOM reports ready)
    • message[: subject]
    • exception
    • blur (fired when the frame window loses focus)
    • focus (fired when the frame window receives focus)
    • resize (fired when the frame window is resized)
    • unload (fired when the frame document is unloaded)
    • scroll (fired when the frame document is scrolled)
    • reset (fired when the frame document is reset to neutral domain)
    The ux.ManagedIframe components leverages the cool layout management features of a Panel, but embeds a ManagedIframe into the body of a Panel, Window, or other Ext Component. This preserves the native header, footer, and toolbar support of a standard panel, but permits creation of complex layouts surrounding an IFrame.

    Licensing: ux.ManagedIframe v2.0 or higher is dual-licensed: GPL 3.0 or CDL for commercial use.

    Notes:
    * MIF now has a modular build structure. You can exclude features you don't need (like X-frame messaging and Drag-drop [still under development]) to minimize production file sizes. Customize the included miframe.jsb file, for your requirements (a standard miframe.js file is already built for the base classes.)

    * Due to recent changes in Ext 3.0 internals, MIF now requires the included multidom library. This library enhances the Ext Core (via function overloading) to permit DOM access to external "same-origin" document contexts without Ext be loaded into them. Most all Ext.Element and core methods ( Ext.[get,getDom,select,query], addListener, etc) can be targeted against specific document contexts. A similar library that permits rendering UI components in the same fashion is still under development -- stay tuned for more on that.

    * Component xtypes
    mif = Ext.ux.ManagedIFrame.Component
    iframepanel = Ext.ux.ManagedIFrame.Panel
    iframeportlet = Ext.ux.ManagedIFrame.Portlet
    iframewindow = Ext.ux.ManagedIFrame.Window

    * Convert Existing IFRAME element to Ext.ux.ManagedIFrame.Element. The following are all equivalent:
    Code:
      var MIF = new Ext.ux.ManagedIFrame.Element('myFrame');
      var MIF = new Ext.Element.IFRAME('myFrame');
      var MIF = Ext.get('myFrame');
    * Migrating from previous releases.

    The following methods/features have been changed/added:
    - the MIF.getDocument method now returns the document the IFRAME was rendered to.
    - the new MIF.getFrameDocument returns a reference to the embedded document of the IFRAME.
    - the new setDesignMode method toggles the frame's current designMode state.
    - the resize event now reports the frames current document, view, and viewport sizes.
    - for any of the MIF UI Components, the autoScroll config option (default is true) now determines the frames overflow behavior.

    Online API Documentation: Here.

    Demos:
    - Simple MIF.Window.
    - By popular demand: A Westside Story (Treepanel-based URLs drive a MIF-filled TabPanel, with page link <a> interception, and frame templating samples. )
    - PDFSubmit (demonstrates MIF's ability to submit Forms/File-uploads using its new 'submitAsTarget' method)).
    More demos coming soon...

    Notes:
    * The current vBulletin config gzips attachments which IE hates. Download this with Firefox (or other browser) instead of IE.

    * MIF 2.1.x will ONLY work on Ext 3.1.1 or higher !
    (For more on Ext 3.1 compatibility, read this)

    Downloads for MIF 2.1.x (and Ext 3.1.1+) are only available from google/code/downloads.

    EDIT:
    @For those monitoring--

    MIF 4.0alpha2 is now available for Ext 4.0.x.
    Attached Files
    Last edited by hendricd; 27 Jul 2011 at 2:46 PM. Reason: MIF 2.1.5 released.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  2. #2
    Ext Premium Member
    Join Date
    Apr 2009
    Posts
    22
    Vote Rating
    0
    i1befree is on a distinguished road

      0  

    Default I have a problem with 2.0RC1

    I have a problem with 2.0RC1


    Dear hendricd.
    It's wonderful extension.
    When I test it, I have a problem with page reload.

    My test environment is following.
    Browser : IE 7(debug on mode)
    OS : Windows Vista

    After load ManagedIframe instance, I refreshed all page.
    I found following message.

    'El._flyweights' is null or not object.

    Debugger breaks at code line 2817 in ext-all-debug.js
    (El._flyweights[named] = El._flyweights[named] || new El.Flyweight()).dom = el;

    El._flyweights is undefined.
    How can I solve this?

  3. #3
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Question


    MIF 2.0 is only supported on Ext 3.0 or higher (previous Ext 3 release-candidates RC1, 2 are not compatible).
    @i1befree -- Do you have Ext 3 Final or SVN Build of Ext?
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  4. #4
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Thumbs up


    MIF 2.0 RC1.1 zip (fixes) is posted on First post.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  5. #5
    Ext Premium Member
    Join Date
    Apr 2009
    Posts
    22
    Vote Rating
    0
    i1befree is on a distinguished road

      0  

    Default I have tested SVN version.

    I have tested SVN version.


    When I test RC1.1 with debugger, it breaks following line in extjs-debug.js file.

    Code:
    El.fly = function(el, named){
        var ret = null;
        named = named || '_global';
    
        if (el = Ext.getDom(el)) {
            (El._flyweights[named] = El._flyweights[named] || new El.Flyweight()).dom = el; -> breaks at this line
            ret = El._flyweights[named];
        }
        return ret;
    };
    When I watch El._flyweights, it's value is undefined.

    So, I modified ext-js-debug.js for testing.
    Code:
    if(!El._flyweights || !El._flyweights[named]){
    	if(!El._flyweights) El._flyweights = {};
      El._flyweights[named] = new El.Flyweight();
    }
    After modifying, it works good. But I think it is not proper way.
    In my code, I use miframe.js in tabpannel.
    This is some code for using miframe.js.
    I just modified RSS sample.
    Code:
    tab = this.add({
    		    xtype       : 'iframepanel',
    		    id          : menuInfo.id,
    		    title		: menuInfo.text,
    		    tabTip		: menuInfo.text,
    		    closable	: true,
    		    loadMask  	: true,
    		    frame		: true,
    		    frameConfig	: {autoCreate:{id: 'frame-' + menuInfo.id}},
    		    defaultSrc 	: menuInfo.url,
    		    layout		: 'fit',
    		    margins		: '5 5 1 5'
    });

  6. #6
    Sencha Premium Member
    Join Date
    Oct 2007
    Posts
    51
    Vote Rating
    0
    stumpy_uk is on a distinguished road

      0  

    Default


    Quote Originally Posted by hendricd View Post
    @stumpy_uk -- Sorry to leave you hanging there.

    Whenever you want, you can activate the shimming agent (Transparent IMG is the default) available on MIFPanel:

    to turn it on:
    MIFP.shim.addClass(MIFP.shimCls+'-on');

    to remove it:
    MIFP.shim.removeClass(MIFP.shimCls+'-on');

    you can even define your own shimUrl (for the IMG tag) in the MIFP config to place any image you want over the frame.

    Code:
    {
     xtype: 'iframepanel',
     shimUrl : 'assets/transparent_hold.png';
     ....
     }
    Doug,

    Is this option only available in later versions of your Iframe, I am still playing with RC2.01 and can't get the class options to work ?
    Last edited by hendricd; 24 Jun 2009 at 5:35 AM. Reason: Moved to MIF 2 Forum

  7. #7
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Quote Originally Posted by stumpy_uk View Post
    Doug,

    Is this option only available in later versions of your Iframe, I am still playing with RC2.01 and can't get the class options to work ?
    Ah, you posted in the wrong Forum.

    In MIF 2.0, frontal shims are simpler to handle:

    Code:
    MIFP.getFrame().toggleShim(true/false);
    The shim is created for you if necessary.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  8. #8
    Ext JS Premium Member
    Join Date
    Mar 2007
    Posts
    32
    Vote Rating
    0
    chiphi13 is on a distinguished road

      0  

    Default docCache._dataCache is error

    docCache._dataCache is error


    I have upgraded the extjs to the latest in the svn along with the latest in the svn for MIF. I have created a window with the following config
    Code:
    {
                    id: 'win-' + unique,
                    layout: 'fit',
                    title: Ext.util.Format.ellipsis(title, 16),
                    defaultSrc: link,
                    shadow: Ext.isIE,
                    width: winWidth,
                    height: winHeight,
                    autoScroll: true,
                    hideMode: 'nosize',
                    iconCls: 'bogus',
                    shim: false,
                    animCollapse: false,
                    allowRemove: false,
                    
                    listeners: {
                        domready: function(frameEl){ //raised for "same-origin" frames only
                            var MIF = frameEl.ownerCt;
                            doc = MIF.getFrameDocument(); 
                       
                            var title =  frameEl.domWritable() ? doc.title : null;
    
                            if (title==null  && frameEl.fly('windowTitle')) {
                                title = frameEl.fly('windowTitle').getValue();
                            }
                            
                            if (title.trim().length > 1) {
                                win.setTitle(Ext.util.Format.ellipsis(title, 16));
                                win.taskButton.setTaskText(Ext.util.Format.ellipsis(title, 12));
                            }
                            
                        },
                        documentloaded: function(frameEl){
                          var MIF = frameEl.ownerCt;
                            doc = MIF.getFrameDocument(); 
                       
                            var title =  frameEl.domWritable() ? doc.title : null;
    
                            if (title==null  && frameEl.fly('windowTitle')) {
                                windowTitle = frameEl.fly('windowTitle').getValue();
                            }
                            
                            if (windowTitle.trim().length > 1) {
                                win.setTitle(Ext.util.Format.ellipsis(windowTitle, 16));
                                win.taskButton.setTaskText(Ext.util.Format.ellipsis(windowTitle, 12));
                            }
                        }
                    }
                }
    And when I close the window, I receive the following error:

    Code:
    docCache._dataCache is undefined
    removeNode()()miframe-...-debug.js (line 274)
    remove()()miframe-...-debug.js (line 611)
    destroyMembers()()ext-base.js (line 32)
    beforeDestroy()()ext-all-debug.js (line 20298)
    destroy()()ext-all-debug.js (line 15404)
    close()()ext-all-debug.js (line 20634)
    createSingle()()ext-all-debug.js (line 1403)
    (?)()()ext-all-debug.js (line 1501)
    urlDecode()()ext-base.js (line 19)
    fire()()ext-all-debug.js (line 1499)
    fireEvent()()ext-all-debug.js (line 1284)
    afterHide()()ext-all-debug.js (line 20534)
    hide()(null, function(), Object initialConfig=Object)ext-all-debug.js (line 20520)
    close()()ext-all-debug.js (line 20635)
    (?)()()xrm-desk...-debug.js (line 133)
    defer()()ext-base.js (line 21)
    [Break on this error] delete docCache._dataCache[dom.id];
    Does anyone know what could be causing this?

  9. #9
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Question


    @chiphi13 -- I would normally expect to see these errors under one (or all) of three conditions:

    1) Your recent extract from Ext's SVN, would require a rebuild of Ext included jsb's.
    2) Your still running Ext 3.0 RC2 (or less). Not supported!
    3) You downloaded recent MIF 2.0 source files from SVN, (updated again just moments ago) and did not rebuild the package using the included jsb file, which creates a combined -> 'miframe.js' for inclusion on your webpage.

    Which apply for you?
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  10. #10
    Ext Premium Member
    Join Date
    Apr 2009
    Posts
    22
    Vote Rating
    0
    i1befree is on a distinguished road

      0  

    Default My problem is resolved

    My problem is resolved


    Dear Doug.
    After I checked out recent extjs and miframe, my problem is resolved.
    Thanks a lot.

Thread Participants: 192

  1. alien3d (2 Posts)
  2. Dumbledore (7 Posts)
  3. mystix (3 Posts)
  4. cobnet (4 Posts)
  5. mysticav (2 Posts)
  6. chiphi13 (2 Posts)
  7. xor (1 Post)
  8. Artistan (1 Post)
  9. Darklight (2 Posts)
  10. albertyips (3 Posts)
  11. kmiyashiro (1 Post)
  12. hoggy (1 Post)
  13. mark.lozano (1 Post)
  14. end-user (2 Posts)
  15. naxito (1 Post)
  16. tdikarim (5 Posts)
  17. hallikpapa (1 Post)
  18. smokeman (1 Post)
  19. carstep (1 Post)
  20. brookd (5 Posts)
  21. fermo111 (1 Post)
  22. soros (2 Posts)
  23. gelleneu (3 Posts)
  24. Hagge (1 Post)
  25. cherbert (7 Posts)
  26. marcoas (1 Post)
  27. jburgam (1 Post)
  28. Air_Mike (2 Posts)
  29. benwg (1 Post)
  30. massimo (2 Posts)
  31. stumpy_uk (1 Post)
  32. hat27533 (1 Post)
  33. bkraut (10 Posts)
  34. disizben (2 Posts)
  35. jphillips (10 Posts)
  36. lemanli (1 Post)
  37. gurpal2000 (4 Posts)
  38. boonkerz (2 Posts)
  39. kavon (1 Post)
  40. danderson (3 Posts)
  41. Yoris (4 Posts)
  42. paubach (1 Post)
  43. jbird526 (11 Posts)
  44. mitchellsimoens (1 Post)
  45. fanspace (3 Posts)
  46. nak1 (3 Posts)
  47. svdb (6 Posts)
  48. alessandro (7 Posts)
  49. sirioz10 (2 Posts)
  50. iulian (1 Post)
  51. jfa (1 Post)
  52. richgoldmd (1 Post)
  53. geese0090 (1 Post)
  54. spiderman123 (6 Posts)
  55. NOSLOW (2 Posts)
  56. mihaip007 (3 Posts)
  57. herry (1 Post)
  58. zombeerose (36 Posts)
  59. hp (3 Posts)
  60. Dave.Sanders (6 Posts)
  61. zerba78 (2 Posts)
  62. DTT_11-1983 (2 Posts)
  63. aranacarlospe (4 Posts)
  64. rule3 (2 Posts)
  65. ccherrett (1 Post)
  66. Eric24 (6 Posts)
  67. pico (2 Posts)
  68. ttbgwt (1 Post)
  69. zlt (1 Post)
  70. mcouillard (4 Posts)
  71. supercharge2 (2 Posts)
  72. wiznia (1 Post)
  73. niterain (2 Posts)
  74. simplessus (1 Post)
  75. kohyea (3 Posts)
  76. dubrovsky (5 Posts)
  77. muratyildiz (3 Posts)
  78. benmclendon (4 Posts)
  79. charleshimmer (3 Posts)
  80. jbones (1 Post)
  81. njw (2 Posts)
  82. paolocavelli (9 Posts)
  83. dhrystones (2 Posts)
  84. novant (1 Post)
  85. canxss (4 Posts)
  86. bigice (1 Post)
  87. Achim74 (1 Post)
  88. agalue (4 Posts)
  89. Drayton (2 Posts)
  90. tester1 (3 Posts)
  91. dreas (3 Posts)
  92. pkli (2 Posts)
  93. ibet (2 Posts)
  94. SunWuKung (2 Posts)
  95. mschwartz (30 Posts)
  96. armagedon (4 Posts)
  97. malstroem (1 Post)
  98. Stju (2 Posts)
  99. briang (4 Posts)
  100. mivilleb (3 Posts)
  101. AgentSmith (11 Posts)
  102. matmosis (7 Posts)
  103. theCodingChimp (4 Posts)
  104. achui_1980 (1 Post)
  105. MacSimon (1 Post)
  106. bocockli (1 Post)
  107. edykstra (1 Post)
  108. Jangla (1 Post)
  109. peteryjk (1 Post)
  110. Capt.JackSparrow (6 Posts)
  111. litou (1 Post)
  112. s2xi (1 Post)
  113. cdeclercq (1 Post)
  114. TomChiverton (4 Posts)
  115. mskdev (1 Post)
  116. i1befree (3 Posts)
  117. TheBerliner (1 Post)
  118. robertoroberto (2 Posts)
  119. Antjac (5 Posts)
  120. Tinki (7 Posts)
  121. pcr (3 Posts)
  122. decker.net (4 Posts)
  123. wildweasel (1 Post)
  124. andynuss (36 Posts)
  125. extjs3user (1 Post)
  126. Henrik Rutzou (1 Post)
  127. mailme_gx (4 Posts)
  128. mthaynie (1 Post)
  129. Ankai (1 Post)
  130. Tom23 (3 Posts)
  131. jkerschb (1 Post)
  132. ish90an (1 Post)
  133. nick.shrayer (5 Posts)
  134. swarm (3 Posts)
  135. orugo (1 Post)
  136. Rick.McIntosh (1 Post)
  137. dtex-lab (6 Posts)
  138. asagala (1 Post)
  139. dusoo (4 Posts)
  140. runintostar (2 Posts)
  141. completej (1 Post)
  142. ironandsteel (5 Posts)
  143. zboris (2 Posts)
  144. squ3lch (2 Posts)
  145. scott.mohekey (4 Posts)
  146. wensa (1 Post)
  147. Artoiss (2 Posts)
  148. chu_man_fu (4 Posts)
  149. KommS (4 Posts)
  150. aleksf (1 Post)
  151. luca.santaniello (1 Post)
  152. wvx10 (2 Posts)
  153. hendratan (2 Posts)
  154. lwarring (2 Posts)
  155. weblin (1 Post)
  156. asp3ctus (1 Post)
  157. amit_gupta (3 Posts)
  158. yugho (4 Posts)
  159. florin.raicu (2 Posts)
  160. xmszhang (1 Post)
  161. cyrhades (1 Post)
  162. fff398 (2 Posts)
  163. dobberph (2 Posts)
  164. gorun-ul (1 Post)
  165. nicki (1 Post)
  166. After2050 (10 Posts)
  167. estesbubba (1 Post)
  168. scaddenp (11 Posts)
  169. Farkonix (1 Post)
  170. santoshsatav (1 Post)
  171. karthik085 (4 Posts)
  172. pesca506SAGE (1 Post)
  173. sosy (2 Posts)
  174. tronlt (1 Post)
  175. MrSparks (5 Posts)
  176. Michael A. (3 Posts)
  177. ebx6211 (1 Post)
  178. janwilleml (1 Post)
  179. cherepanov (1 Post)
  180. alexeiberkov (1 Post)
  181. hjfiou (1 Post)
  182. someone80 (1 Post)
  183. andersonv1 (1 Post)
  184. parsbin (6 Posts)
  185. FanOfExt (1 Post)
  186. qdch520 (1 Post)
  187. tboilard (2 Posts)
  188. siebmanb (1 Post)
  189. bauwelp (1 Post)
  190. kamalraj (1 Post)
  191. Waltzy (1 Post)
  192. sidthegooner (5 Posts)

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar