[CLOSED] [CODE] Is the Ext.ux.IFrame available in Ext.Net

  1. #1

    [CLOSED] [CODE] Is the Ext.ux.IFrame available in Ext.Net

    Good day,

    Please can you inform me on how I can get access to the Ext.ux.IFrame component that is available in SenchaJs. I need to render some raw HTML text in a panel and this seems the best option.

    The html content can be a partial html page or a full html page including scripts and Css.


    I need to be able to set the raw HTML content directly to be loaded in the IFrame.
    Last edited by fabricio.murta; Jul 21, 2016 at 5:59 AM.
  2. #2
    Hello @RCM!

    You saying that using a frame (iframe) loader in the panel does not work for you, in a similar way it does in the example linked below?

    Load External Website into an <ext:Window>.

    At first, the Ext.ux.IFrame class is not exported to the Ext.NET scope.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Good day,

    Thanks for your quick response. Can I pass raw HTML content to the loader without using the URL property to an html document. If so please offer some guidance in doing this approach.

    thanks
  4. #4
    Good day,

    See my use case below:

    I am trying to render the following page in a pane using the update method on panel and setting the use scripts parameter to true, but it does not load my my scripts.

    panel.update(htmlContent, true, function(){}); - In addition there is no response to the callback function.
    
    <!doctype html>
    <head>
    
      <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
      <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.js"></script>
      <script src="lib/example.js"></script>
      <link rel="stylesheet" href="lib/example.css">
      <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.css">
      <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
      
      <script>
      $(document).ready(function(){
    	alert('Ready');
      });
      </script>
    </head>
    <body>
    <h1>Area charts</h1>
    <div id="graph"></div>
    <pre id="code" class="prettyprint linenums">
    // Use Morris.Area instead of Morris.Line
    Morris.Area({
      element: 'graph',
      data: [
        {x: '2010 Q4', y: 3, z: 7},
        {x: '2011 Q1', y: 3, z: 4},
        {x: '2011 Q2', y: null, z: 1},
        {x: '2011 Q3', y: 2, z: 5},
        {x: '2011 Q4', y: 8, z: 2},
        {x: '2012 Q1', y: 4, z: 4}
      ],
      xkey: 'x',
      ykeys: ['y', 'z'],
      labels: ['Y', 'Z']
    }).on('click', function(i, row){
      console.log(i, row);
    });
    </pre>
    </body>
    Last edited by fabricio.murta; Jul 21, 2016 at 5:55 AM. Reason: Wrap [code] tags around code.
  5. #5
    Hello @RCM!

    Please provide a fully runnable test case so we can try and reproduce it in our side and provide you better feedback.
    Fabrício Murta
    Developer & Support Expert
  6. #6
    Good day,

    Thanks for assistance, I got it working using the following loader settings:

    <Loader Scripts="True" AutoLoad="False" Mode="Html"></Loader>
    Last edited by fabricio.murta; Jul 21, 2016 at 5:56 AM. Reason: Wrap [code] tags around code.
  7. #7
    Hello!

    Glad you could make your use case work, even without requiring our help on the specific last step! And thanks for sharing the outcome! It may, somehow, help someone else with this same problem in the future.

    Oh, and if you don't mind, please remember wrapping code you paste (or type) in posts between [CODE][/CODE]
     and
    tags! For convenience I've just edited both your posts with the tags around code.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 7
    Last Post: Jun 20, 2013, 9:59 AM
  2. [CLOSED] Javascript error when running ext.net code in IE9 iframe
    By livehealthierGF in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Jun 17, 2013, 10:12 PM
  3. Replies: 2
    Last Post: May 24, 2013, 5:26 PM
  4. Replies: 2
    Last Post: Feb 01, 2012, 6:56 AM
  5. [CLOSED] Access component in IFrame from oter IFrame
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Feb 22, 2010, 5:58 PM

Posting Permissions