Hybrid View

  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
    Ext JS Premium Member
    Join Date
    Mar 2008
    Location
    Phoenix, AZ
    Posts
    627
    Vote Rating
    10
    zombeerose will become famous soon enough zombeerose will become famous soon enough

      0  

    Default


    I tried running the demos listed in your first post but they all seem to have problems with the mask. Using FF3

  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 zombeerose View Post
    I tried running the demos listed in your first post but they all seem to have problems with the mask. Using FF3
    @zombeerose -- Try clearing your browser cache, and then try. You may have an older version still cached in there.
    "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 2008
    Location
    Phoenix, AZ
    Posts
    627
    Vote Rating
    10
    zombeerose will become famous soon enough zombeerose will become famous soon enough

      0  

    Default


    Nope same problem.

    For the Window demo, I get this error:
    Code:
    _gat is not defined
    http://demos.theactivegroup.com/startup.js?_dc=1246899649475
    Line 206
    I also tried with Chrome.
    Attached Images

  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  

    Default


    Quote Originally Posted by zombeerose View Post
    Nope same problem.

    For the Window demo, I get this error:
    Code:
    _gat is not defined
    http://demos.theactivegroup.com/startup.js?_dc=1246899649475
    Line 206
    I also tried with Chrome.
    Pesky Google Analytics stuff. Try it again.
    "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 JS Premium Member
    Join Date
    Mar 2008
    Location
    Phoenix, AZ
    Posts
    627
    Vote Rating
    10
    zombeerose will become famous soon enough zombeerose will become famous soon enough

      0  

    Default


    Perfect - thanks!

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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi