1. #761
    Sencha User After2050's Avatar
    Join Date
    Mar 2010
    Location
    Bangalore, India
    Posts
    64
    Vote Rating
    0
    After2050 is on a distinguished road

      0  

    Default


    Does ExtJs or ManagedIframe panel checks for "id duplication" before assigning the auto-generated id to an element? Or they checks only in their counter?

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

      0  

    Default


    Quote Originally Posted by After2050 View Post
    Does ExtJs or ManagedIframe panel checks for "id duplication" before assigning the auto-generated id to an element? Or they checks only in their counter?
    MIF.get uses the same strategy as Ext.get, in that it maintains seperate Element caches for each frame document context it manages.
    However, scanning the entire document for instances of duplication (getElementsByTagname) each time Ext.get is called, would be prohibitively slow.

    The internal counter is only used when an Element does not yet have an id assigned, and an attempt at a unique value is required. Ext and MIF are written such that if an Element is found within the Element caches with the same id, the last Element referenced by that ID is asserted in the cache (replacing the previous reference).

    Hope that explains it...
    "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.


  3. #763
    Sencha User After2050's Avatar
    Join Date
    Mar 2010
    Location
    Bangalore, India
    Posts
    64
    Vote Rating
    0
    After2050 is on a distinguished road

      0  

    Default


    I have a simple doubt, say in a document I assigned myself an id like "ext-gen26" to an element(just for an example). Does there are chances Ext or MIF uses the same id for other element?

  4. #764
    Ext User
    Join Date
    Oct 2009
    Posts
    12
    Vote Rating
    0
    chu_man_fu is on a distinguished road

      0  

    Default Ext.ux.ManagedIFrame.Panel callback fails

    Ext.ux.ManagedIFrame.Panel callback fails


    Hello,

    I am using ManagedIFrame to house a PDF but I am having difficulties with callbacks.

    This is my code:

    Code:
    var panelPDF = new Ext.ux.ManagedIFrame.Panel(
     {
         frameCfg: 
         {
             id : 'pdfFrame'
         },
         tbar: 
         [
             {
                 text: 'Create PDF',
                 handler: function(button)
                 {            
                     var waitMask = new Ext.LoadMask(panelPDF.el, {msg:'Please wait creating PDF....'});
                     
                     waitMask.show();
                 
                     
                     Ext.Ajax.request(
                     {
                         url: 'create_pdf.php',
                         method: 'GET',
                         params: 
                         { 
                             text: 'HELLO WORLD'
                         },
                         success: function(response)
                         {
                             var jsonLocation = eval( '(' + response.responseText + ')');
     
                             panelPDF.submitAsTarget(
                             {
                                 url:     "showpdf.php",
                                 method: 'POST',
                                 params:
                                 {
                                     file: jsonLocation.document_location
                                 },
                                 callback: function(frame)
                                 {
                                     waitMask.hide();
                                 },
                                 scope: this,
                             });
                             
                         },
                         failure: function ( result, request)
                         {
                             Ext.MessageBox.alert('Error', 'There was an error with your request.');
                             waitMask.hide();
                         }
                     });
                 }
             }
         ]
     });
    create_pdf.php basically creates a PDF document.
    showpdf.php is the php script from "Doug's Demo Desk for Ext 3.2.2" MIF PDF example which loads the PDF file.

    The PDF document loads fine but the callback is never called.
    If I request a html page instead of PDF it works fine.
    I have tried using load instead of submitAsTarget and that doesn't even request showpdf.php.

    panelPDF is inside a tabpabel by the way.
    I'm using EXTJS 3.3.1.

    Any advise would be great

    Thanks

  5. #765
    Ext User
    Join Date
    Oct 2009
    Posts
    12
    Vote Rating
    0
    chu_man_fu is on a distinguished road

      0  

    Default Ext.ux.ManagedIFrame.Panel callback fails

    Ext.ux.ManagedIFrame.Panel callback fails


    I am using ManagedIFrame to house a PDF but I am having difficulties with callbacks.

    This is my code:

    Code:
    var panelPDF = new Ext.ux.ManagedIFrame.Panel(
    {
        frameCfg:
        {
            id : 'pdfFrame'
        },
        tbar:
        [
            {
                text: 'Create PDF',
                handler: function(button)
                {           
                    var waitMask = new Ext.LoadMask(panelPDF.el, {msg:'Please wait creating PDF....'});
                   
                    waitMask.show();
               
                   
                    Ext.Ajax.request(
                    {
                        url: 'create_pdf.php',
                        method: 'GET',
                        params:
                        {
                            text: 'HELLO WORLD'
                        },
                        success: function(response)
                        {
                            var jsonLocation = eval( '(' + response.responseText + ')');
    
                            panelPDF.submitAsTarget(
                            {
                                url:     "showpdf.php",
                                method: 'POST',
                                params:
                                {
                                    file: jsonLocation.document_location
                                },
                                callback: function(frame)
                                {
                                    waitMask.hide();
                                },
                                scope: this,
                            });
                           
                        },
                        failure: function ( result, request)
                        {
                            Ext.MessageBox.alert('Error', 'There was an error with your request.');
                            waitMask.hide();
                        }
                    });
                }
            }
        ]
    });
    create_pdf.php basically creates a PDF document.
    showpdf.php is the php script from "Doug's Demo Desk for Ext 3.2.2" MIF PDF example which loads the PDF file.

    The PDF document loads fine but the callback is never called.
    If I request a html page instead of PDF it works fine.
    I have tried using load instead of submitAsTarget and that doesn't even request showpdf.php.

    panelPDF is inside a tabpabel by the way.
    I'm using ExtJS 3.3.1.

    Any advise would be great

    Thanks

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

      0  

    Default


    @chu_man_fu

    What browser is your test based upon?

    MIF has it's own masking agent/methods. Try:

    Code:
    var panelPDF = new Ext.ux.ManagedIFrame.Panel(
    loadMask : true,
    {
        frameCfg:
        {
            id : 'pdfFrame'
        },
        tbar:
        [
            {
                text: 'Create PDF',
                handler: function(button)
                {           
                    panelPDF.showMask('Please wait creating PDF....');
                   
                    Ext.Ajax.request(
                    {
                        url: 'create_pdf.php',
                        method: 'GET',
                        params:
                        {
                            text: 'HELLO WORLD'
                        },
                        success: function(response)
                        {
                            var jsonLocation = eval( '(' + response.responseText + ')');
    
                            panelPDF.submitAsTarget(
                            {
                                url:     "showpdf.php",
                                method: 'POST',
                                params:
                                {
                                    file: jsonLocation.document_location
                                },
                                callback: function(frame)
                                {
     console.log(arguments);   //Does this happen?
                                    panelPDF.hideMask();
                                },
                                scope: this,
                            });
                           
                        },
                        failure: function ( result, request)
                        {
                            Ext.MessageBox.alert('Error', 'There was an error with your request.');
                            waitMask.hide();
                        }
                    });
                }
            }
        ]
    });
    "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.


  7. #767
    Ext User
    Join Date
    Oct 2009
    Posts
    12
    Vote Rating
    0
    chu_man_fu is on a distinguished road

      0  

    Default


    I am using Firefox 3.6.13.

    I have change my code to:
    Code:
       var panelPDF = new Ext.ux.ManagedIFrame.Panel(
       loadMask : true,
       {
    and get the following error:

    Code:
     
    missing ) after argument list
    loadMask : true,

    I guess "loadMask: true" should be inside the config JSON?
    I have moved it there and made the other changes and get the following error:

    Code:
     
    panelPDF.showMask is not a function
    panelPDF.showMask('Please wait creating PDF....');
    Also, the console log in the callback is never called but if I change showpdf.php to return some html the callback is called.

  8. #768
    Ext User
    Join Date
    Oct 2009
    Posts
    12
    Vote Rating
    0
    chu_man_fu is on a distinguished road

      0  

    Thumbs up Problem Solved

    Problem Solved


    I have now solved this issue.
    To get showMask to work I had to reference the frame rather than the Ext.ux.ManagedIFrame.Panel object.:
    Code:
           frameCfg: 
           {
            id : 'pdfFrame'
           },
     
    ......
                 handler: function(button)
                 {   
     
                       pdfFrame.hostMIF.showMask('Please wait while we prepare your pack...');
    Why is this?

    I have also got the callback working. Not sure why it wasn't working before

    Thanks for your assistance.

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

      0  

    Default


    @chu_man_fu

    Yes, sorry that should have been:

    Code:
    pdfFrame.getFrame().showMask(...);
    As to the other issue, perhaps you previously lacked the correct content-type to display it inline.
    "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. #770
    Sencha User
    Join Date
    Sep 2008
    Location
    Germany
    Posts
    62
    Vote Rating
    1
    Achim74 is on a distinguished road

      0  

    Default iframe Resize

    iframe Resize


    Hello !

    here is my definition:

    Code:
    <?php global $t, $db, $app_config;?>
    
    iframePanel = new Ext.ux.ManagedIFrame.Panel({
    collapsible   : false,
    name          : 'cms_vorschau_panel',
    id            : 'cms_vorschau_panel',
    width: '100%',
    height: 550,
    autoScroll    : true,
    animCollapse  : false,
    disableMessaging : false,
    resizable : true,
    defaultSrc    : 'http://www.dslweb.de',
    msgMode       : 1
    });
    
    
    // Iframe orders window
    IframeWindow = function() {
        IframeWindow.superclass.constructor.call(this, {
        title: 'Vorschau',
            name : 'cms_vorschau_window',
            id : 'cms_vorschau_window',
            width: 900,
            iconCls: 'nav_vorschau',
            height: 550,
            bodyStyle: 'padding:5px;',
            buttonAlign: 'center',
            modal: true,
            collapsible: true,
            maximizable: true,
            resizable: true,
            closable: true,
            items: iframePanel
        })
    };
    
    Ext.extend(IframeWindow, Ext.Window, {});
    iframeWindow = new IframeWindow();
    
    iframeWindow.show();
    Is it possible to auto resize the iframe(panel) when the window is resized or maximized ? I tried height: '100%' but it does not work. I get a height about 150px and it does not resize when I use 100%. Thank you for your help!

    Best regards

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