title: calling a parent controller function in EXTjs from an Iframe
body: <p>Good day all, I'm struck on this easy problem, I need your advice once more:</p>
  
  <p>I'm editing a EXTjs application (which I didn't do).
  in this application, there is at some point an iframe, that call an external html file, defined:</p>
  
  <pre><code>items: [{
          xtype: "component",
          id: "dasboardM",
          autoEl: {
              tag: "iframe",
              width: '100%',
              height: '95%',
              src: "/resources/extendpanel/dashboard.html"
          }
      }]
  </code></pre>
  
  <p>I need to call functions defined in the view controller FROM the iframe, there will be several function to be called, and for now I've setted up a simple test case, so I've created the controller for the view file that has the iframe like the following:</p>
  
  <pre><code>Ext.define('Dor3.view.merch.MerchController', {
      extend: 'Ext.app.ViewController',
      alias: 'controller.merch',
      ...
      onIframeCall : function(){
      console.log("fromIframe!");
      }
  </code></pre>
  
  <p>well, in the iframe I have this code, which I have found on the sencha forums, an old thread:</p>
  
  <pre><code>$(".iframeToExt").click(function(){
      var myParent = window.parent;
      var controller = myParent.window.Dor3.app.getController('Dor3.view.merch.MerchController');
      controller.onIframeCall();
      });
  </code></pre>
  
  <p>this is actually not working, well, is there a way to call that function from the iframe?</p>
  
  <p>thanks in advance.</p>