1. #991
    Ext Premium Member
    Join Date
    Mar 2010
    Posts
    42
    Vote Rating
    0
    jasmina is on a distinguished road

      0  

    Default


    Any updates on this? i am struggling with this issue for a long time

  2. #992
    Ext Premium Member
    Join Date
    Mar 2010
    Posts
    42
    Vote Rating
    0
    jasmina is on a distinguished road

      0  

    Default


    Hi Doug,
    sorry for the confusion i am using BorderLayout but the issue is the document or the content in the center region needs a horizontal scrolling and does not need a vertical scrolling. Hence i need to control the height and width

  3. #993
    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


    @jasmina--
    Ultimately, the body styling of the embedded document wins the scroller battle (over anything you set on the IFRAME itself). Set up appropriate overflow-x,y on the body tag instead.
    "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. #994
    Ext User
    Join Date
    Mar 2010
    Posts
    1
    Vote Rating
    0
    luisloboborobia is on a distinguished road

      0  

    Default Catch contained Close button and Close link

    Catch contained Close button and Close link


    Hi All,

    I'm new to Ext JS, just a couple of months using it, and very very new to MIFrame.
    I'm using Ext 2.2 and MIFrame 1.2.7a.

    I was successful in showing a page in a contained MIFrame.

    But I have two issues in two different cases:
    1) The contained page has a "close" link and also a "close" button. Both of them, closes the window. HereĀ“s the Javascript code and following, an HTML sample (I attached the project):
    PHP Code:
    var winAddDocument;
    var 
    panelAddDocument;
    var 
    panelClassSelector;
    var 
    cboP8Classes;

    var 
    dataP8Classes =
    [
    [
    'Customer''Customer documents'],
    [
    'Application''Application documents'],
    [
    'Warranty''Warranty Documents'],
    [
    'Withdrawal''Withdrawal Documents']
    ];

    function 
    selP8Class(elem)
    {

        var 
    P8Classurl;

        
    P8Class elem.getValue();

        switch (
    P8Class) {
            case 
    'Customer':
                
    url 'http://www.google.com';
                break;
            case 
    'Application':
                
    url 'http://www.yahoo.com';
                break;
            case 
    'Warranty':
                
    url 'http://www.oracle.com';
                break;
            case 
    'Withdrawal':
                
    url 'http://www.microsoft.com';
                break;
        }

        
    panelAddDocument.setSrc(url''nullnull);

    }

    function 
    initPanelClassSelector() {

        
    cboP8Classes = new Ext.form.ComboBox({
            
    id'cboP8Classes',
            
    fieldLabel'Select the document class',
            
    hiddenName'P8Class',
            
    store: new Ext.data.SimpleStore({
                
    fields: ['P8Class''DescP8Class'],
                
    data dataP8Classes
            
    }),
            
    valueField'P8Class',
            
    displayField'DescP8Class',
            
    typeAheadfalse,
            
    mode'local',
            
    triggerAction'all',
            
    selectOnFocusfalse,
            
    width250,
            
    listeners : {
                
    select : function () {
                    
    selP8Class(this);
                }
            }
        });
    }

    function 
    loadFrmAddDocument(url) {

        
    panelClassSelector = new Ext.Panel({
            
    region'north',
            
    height50,
            
    bodyStyle'padding: 10px',
            
    borderfalse,
            
    items: [cboP8Classes]
        });

        
    panelAddDocument = new Ext.ux.ManagedIframePanel({
            
    region'center',
            
    borderfalse,
            
    splitfalse,
            
    closablefalse,
            
    collapsiblefalse,
            
    frameStyle'frameBorder:0;width:100%;height:100%;',
            
    defaultSrcurl,
            
    eventsFollowFrameLinksfalse,
            
    width800,
            
    height500
            
    }
        });

        
    winAddDocument = new Ext.Window({
            
    title'Add Document',
            
    id'AddDocumentWin',
            
    resizabletrue,
            
    modaltrue,
            
    closeAction'hide',
            
    items: [panelClassSelector,
            
    panelAddDocument]
        });

    }

    function 
    showEntryTemplates() {
        
        
    initPanelClassSelector();

        
    loadFrmAddDocument('http://www.bing.com');

        
    cboP8Classes.setValue('Customer documents');

        
    winAddDocument.show();
        

    I have put sample web pages. But in my case, all those pages are a single Window that is "popup" in the legacy application. So, it has close links and close buttons, that closes the popup.

    My problem is that when the user click on those, I want my window to close also. I tried with adding a listener and it worked partially:
    PHP Code:
            listeners: {
                
    unload : function (frame) {
                    
    winAddDocument.hide();
                } 
    The problem is that again, this popup is like a wizard, and also has other popups, and when a new popup appears or when you change to the next wizard page, the unload event is fired.

    So: how can I figure out if the close link or the close button was clicked? I guess I could check the frame parameter "content"... but I'm not sure how to do it... Or can I add some kind of "observer" to the close link or buttons? or can I catch an other kind of thing?

    Just in case: I cannot modify or change the contained web page... it's an out of the box page from the product I'm integrating with.

    Can anyone give me a clue on how to "attach" to those events or how to "catch" the state using the frame object?

    Thank you!
    Attached Files

  5. #995
    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


    @luis--

    If your wizard pages are same-origin, something like this could be tweaked to meet your needs:
    Code:
    panelAddDocument = new Ext.ux.ManagedIframePanel({
            region: 'center',
            border: false,
            split: false,
            closable: false,
            collapsible: false,
            frameStyle: 'frameBorder:0;width:100%;height:100%;',
            defaultSrc: url,
            eventsFollowFrameLinks: false,
            width: 800,
            height: 500,
            listeners : {
                domready : function(frame){
                 frame.getDoc().on('click', function(e, target){
    
                    var fly = Ext.fly(target);
                    if(fly.hasClass('quitClass') || /close/i.test(fly.dom.innerHtml)){
                         e.stopEvent();
                         var C = this.ownerCt;
                         C.close();
                    } 
    
                 }, frame, {delegate:'a.someclassNameIfAvailable'});
                    
    
               }
    
            }
    See if you can run with those clues...
    "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.


  6. #996
    Sencha User
    Join Date
    May 2009
    Posts
    41
    Vote Rating
    0
    easycodes is on a distinguished road

      0  

    Question State

    State


    Dear Doug,
    Thanks for sharing this nice component with us. Actually i am exploring your example of ManagedIframe. My Question is how do i save state of Tabs and Tree Menu like number of Open tabs and expanded nodes of tree are saved.

    I am still learning ExtJS so kindly guide me in this regard.

    Thanks

  7. #997
    Sencha Premium Member MichaelOstrovsky's Avatar
    Join Date
    May 2008
    Location
    Tel Aviv, Israel
    Posts
    135
    Vote Rating
    6
    MichaelOstrovsky is on a distinguished road

      0  

    Default


    Is it possible to render components into iframe ( without loading any scripts there ) just like it was some Ext.Container or so ?
    i'm sure there is an answer but i cannot find it for a long time.

    Tnx

  8. #998
    Ext User
    Join Date
    Mar 2008
    Posts
    10
    Vote Rating
    0
    hp is on a distinguished road

      0  

    Default


    Doug, what is the version of managed iframe we should be using with the latest EXT 3.2.x trunk? We are having a few problems with r89 and see that there have been two versions checked in since r89 with no comments indicating what was fixed. Thx.

  9. #999
    Sencha - Support Team keckeroo's Avatar
    Join Date
    Mar 2008
    Location
    Winnipeg, Canada
    Posts
    319
    Vote Rating
    10
    keckeroo will become famous soon enough

      0  

    Default


    Anyone having problems using Ext.Ajax.request from within a managed Iframe ? I have found that the request performs fine but throws a script error located within the ext-all.js file of "d is undefined" in the below highlighted line in the Ext.CompositeElementLite

    Code:
        replaceElement : function(el, replacement, domReplace){
            var index = typeof el == 'number' ? el : this.indexOf(el);
            if(index !== -1){
                replacement = Ext.getDom(replacement);
                if(domReplace){
                    var d = this.elements[index];
                    d.parentNode.insertBefore(replacement, d);
                    Ext.removeNode(d);
                }
                this.elements.splice(index, 1, replacement);
            }
            return this;
        }
    Also found the same result if i caused a Ext.ajax.request to be triggered in the main window from an action within the iframe as well (eg updating a store record defined in the parent window, from the iframe when the store has a listener for the update event).

    Any info would be greatly appreciated.

    Kevin

  10. #1000
    Sencha User ashaihullin's Avatar
    Join Date
    Jan 2010
    Location
    Kyrgyzstan, Bishkek
    Posts
    67
    Vote Rating
    0
    ashaihullin is on a distinguished road

      0  

    Default


    is there any problems with old opera versions? Opera 9 is not showing the content that i try to load in a frame, it's just show white background and seems that something trying to be loaded, but nothing happens, only white background in a frame. Any suggestions?

Thread Participants: 184

  1. franklt69 (7 Posts)
  2. galdaka (1 Post)
  3. jarrod (1 Post)
  4. jay@moduscreate.com (3 Posts)
  5. willgillen (1 Post)
  6. DaNCeT (1 Post)
  7. stever (1 Post)
  8. Dumbledore (1 Post)
  9. JeffBurr (1 Post)
  10. timb (2 Posts)
  11. dolittle (3 Posts)
  12. mystix (4 Posts)
  13. fangzhouxing (2 Posts)
  14. cobnet (3 Posts)
  15. mysticav (7 Posts)
  16. chiphi13 (1 Post)
  17. sdrew (2 Posts)
  18. Zakaroonikov (1 Post)
  19. DigitalSkyline (1 Post)
  20. Darklight (8 Posts)
  21. mirage (2 Posts)
  22. sj137 (2 Posts)
  23. NBRed5 (2 Posts)
  24. ethraza (1 Post)
  25. Ytorres (1 Post)
  26. javaopensource (2 Posts)
  27. naxito (7 Posts)
  28. pbaccari (2 Posts)
  29. Ronaldo (2 Posts)
  30. myrddin (2 Posts)
  31. provagino (3 Posts)
  32. mjlecomte (1 Post)
  33. ZooKeeper (7 Posts)
  34. liusyan (1 Post)
  35. border9 (1 Post)
  36. bbz (2 Posts)
  37. adkent (2 Posts)
  38. gelleneu (2 Posts)
  39. robin30 (6 Posts)
  40. ollyando (4 Posts)
  41. evilized (2 Posts)
  42. nkohari (1 Post)
  43. rballman (2 Posts)
  44. cmarin (5 Posts)
  45. mykes (2 Posts)
  46. bhomass (13 Posts)
  47. robiechahine (1 Post)
  48. wm003 (1 Post)
  49. egs (3 Posts)
  50. simonbun (1 Post)
  51. stumpy_uk (12 Posts)
  52. linker_lin (9 Posts)
  53. tpinne (3 Posts)
  54. Mthor (5 Posts)
  55. bkraut (2 Posts)
  56. disizben (2 Posts)
  57. GreigM (4 Posts)
  58. thoreking (1 Post)
  59. mikester (2 Posts)
  60. markpele (1 Post)
  61. donssmith (6 Posts)
  62. mankz (6 Posts)
  63. sjerry (1 Post)
  64. sanjshah (20 Posts)
  65. pigopl (2 Posts)
  66. nanich (2 Posts)
  67. marco76 (17 Posts)
  68. armit (2 Posts)
  69. colinexl (6 Posts)
  70. Romantik (6 Posts)
  71. wekkaw (2 Posts)
  72. paubach (11 Posts)
  73. zumpi (2 Posts)
  74. jbird526 (7 Posts)
  75. elishnevsky (2 Posts)
  76. markkl (2 Posts)
  77. svdb (8 Posts)
  78. basshcm (2 Posts)
  79. Boon (1 Post)
  80. csextjs (2 Posts)
  81. Richie1985 (5 Posts)
  82. iulian (1 Post)
  83. varsos (9 Posts)
  84. WixSL (7 Posts)
  85. Rafael (6 Posts)
  86. mbogdanovich (4 Posts)
  87. JErickson (3 Posts)
  88. cirvine (2 Posts)
  89. damian79 (1 Post)
  90. jimkan (4 Posts)
  91. specialagent24 (5 Posts)
  92. smartesttom (3 Posts)
  93. dias (2 Posts)
  94. zombeerose (4 Posts)
  95. eway (3 Posts)
  96. GOTTMODUS (1 Post)
  97. alexpgh (1 Post)
  98. keckeroo (1 Post)
  99. hp (1 Post)
  100. gpstatnon (5 Posts)
  101. jdecarvalho (1 Post)
  102. calverte (1 Post)
  103. SyRenity (3 Posts)
  104. zerba78 (14 Posts)
  105. vvietsch (1 Post)
  106. shuang (1 Post)
  107. Michou (2 Posts)
  108. shay2501 (4 Posts)
  109. pokerking400 (2 Posts)
  110. gbradley (2 Posts)
  111. cesarwbr (6 Posts)
  112. Ronhead (3 Posts)
  113. MichaelOstrovsky (4 Posts)
  114. tfulmino (1 Post)
  115. superFly77 (9 Posts)
  116. Jinping (2 Posts)
  117. evelynloo (4 Posts)
  118. excelsis (3 Posts)
  119. shirkavand (3 Posts)
  120. LovingIt (1 Post)
  121. emredagli (3 Posts)
  122. joedimagio (3 Posts)
  123. lucky_luk3 (2 Posts)
  124. peter seliger (2 Posts)
  125. cazzadori (2 Posts)
  126. wkwathen (3 Posts)
  127. afei (5 Posts)
  128. dubrovsky (5 Posts)
  129. muratyildiz (2 Posts)
  130. service@think-1st.de (8 Posts)
  131. vayumahesh (1 Post)
  132. salilak (1 Post)
  133. v.zen (8 Posts)
  134. Stephan Schrade (8 Posts)
  135. prp (1 Post)
  136. kunduvalappil (2 Posts)
  137. Bucs (13 Posts)
  138. butters1976 (7 Posts)
  139. alexw23 (1 Post)
  140. Drayton (8 Posts)
  141. abnervv (2 Posts)
  142. Hanna Lu (1 Post)
  143. telly (1 Post)
  144. carnifun (2 Posts)
  145. icryrainix (3 Posts)
  146. mschwartz (5 Posts)
  147. ke.xu (2 Posts)
  148. extjs_new (1 Post)
  149. piroman (15 Posts)
  150. cdeguzman (1 Post)
  151. kaglim (2 Posts)
  152. Alex84 (1 Post)
  153. rakhib (1 Post)
  154. ady@daxtechnologies.com (7 Posts)
  155. Grolubao (1 Post)
  156. johnfron (1 Post)
  157. westy (1 Post)
  158. chrizmaster (1 Post)
  159. col (2 Posts)
  160. jackjia (1 Post)
  161. gamunculus (1 Post)
  162. cdeclercq (3 Posts)
  163. muxcmux (1 Post)
  164. ahisis (3 Posts)
  165. easycodes (3 Posts)
  166. kanntronics (1 Post)
  167. Maxrunner (10 Posts)
  168. stitcherooni (3 Posts)
  169. Rushleader (2 Posts)
  170. Tinki (2 Posts)
  171. gamekingx (1 Post)
  172. nandubochkar (2 Posts)
  173. Hilbert (2 Posts)
  174. pabloflores (3 Posts)
  175. ashaihullin (2 Posts)
  176. the_traveller (1 Post)
  177. jasmina (4 Posts)
  178. luisloboborobia (1 Post)
  179. Macortel (3 Posts)
  180. liuqiwuhao@163.com (1 Post)
  181. scaddenp (3 Posts)
  182. hjfiou (1 Post)
  183. tstone84 (1 Post)
  184. jbarry (1 Post)

Tags for this Thread