[3.0.x, 3.1.1] ux.ManagedIFrame 2.x

[disizben]

@disizben -- As you've likely noticed, Element.getStyle(GS) is the BUSIEST function in the entire framework.

You didn't say what Ext 3.0.x version you were on, but several Layout enhancements went into the latest Ext SVN builds (which would impact the getStyle call frequency).

Try the latest MIF SVN build as well (some improvement will be likely there as well).

I'll be releasing the official MIF 2.0 release in the next few days.

Well, I've just tested my application without any MIF, and rendering still takes so much time... as you said the problem must come from Ext 3.0.0 version and I don't have access to the SVN repository to get the latest builds

Sorry hendricd for accusing your great extension

[alessandro]

Hi all.
We have two ManagedIframe.
we would like to execute function1 inside iframe1 from frame2, and read/set variable1 from iframe2.

Is that possibile?
Both iframe are on the same domain.

From iframe2 we have:

   top.Ext.getCmp('contentPanel').mytest();

and in iframe1 we have:

   function test() {
      alert("This is a test");
   }

but function test is not called properly from iframe2.

What can we do?

Thank you.

[hendricd]

Hi all.
We have two ManagedIframe.
we would like to execute function1 inside iframe1 from frame2, and read/set variable1 from iframe2.

Is that possibile?
Both iframe are on the same domain.

From iframe2 we have:

   top.Ext.getCmp('contentPanel').mytest();

and in iframe1 we have:

   function test() {
      alert("This is a test");
   }

but function test is not called properly from iframe2.

What can we do?

Thank you.

@alessandro--

First, fix this:

   function test() { [ var | window.]test = function() {
      alert("This is a test");
   }

Then,

   top.Ext.getCmp('contentMIFPanel').getFrameWindow().test();

the test() function is resolvable (anonymous functions are not!) in each frame's window context.

[alessandro]

   function test() { [ var | window.]test = function() {
      alert("This is a test");
   }
   top.Ext.getCmp('contentMIFPanel').getFrameWindow().test();

Thank you very much.
Now it works.
But I have another two questions:
1) what will change with or without "var" before the function declaration? I'm not a JS expert, but actually the function can be called even without the "var" before.

2) I have another similiar problem: a variabile named "myvar" is not visible from another iframe.
I've tried:

var myvar = 'test';

and then (from another iframe):

alert(top.Ext.getCmp('contentPanel').getFrameWindow().myvar);

Should I even put that var in "window" context? If so, i'll have to rewrite much code that are currently using that variable.

[Stju]

HI!
I am trying to implement functionality like in regular browser, i.e refresh, back and forward buttons..
Unfortunately setSrc() method sets back to first source assigned to that iframe, same withsetLocation()..
As seen from documentation there are no methods to directly call iframe history back and forward.
Any advice would be great!
Stju

[alessandro]

Use the following code:

	var MIF = top.Ext.getCmp('id_MIF');
	MIF.submitAsTarget({
		url: 'http://www.google.it',
		method: 'GET'
	});

to refresh, try without any arguments, like this:

	var MIF = top.Ext.getCmp('id_MIF').submitAsTarget();

[alessandro]

I'm generating the following error but I'm unable to solve:

missing ; before statement
   var window.countDomini = function(e) {\n

I have the following code:

    <script>
		Ext.onReady(function(){

			var window.countDomini = function(e) {
				statusZona = e.get('statusZona');
                       
                                [ ... ]
                        };

                [ ... ]

                });
    </script>

[hendricd]

HI!
I am trying to implement functionality like in regular browser, i.e refresh, back and forward buttons..
Unfortunately setSrc() method sets back to first source assigned to that iframe, same withsetLocation()..
As seen from documentation there are no methods to directly call iframe history back and forward.
Any advice would be great!
Stju

@Stju -- MIF does not provide such methods because they are already available via the the frame's window object (if it permits access to it from the parent page in the first place -- it may not !):

myMIFPanel.getFrameWindow().back();
myMIFPanel.getFrameWindow().history.forward(); //either may be restricted

I'm generating the following error but I'm unable to solve:

missing ; before statement
   var window.countDomini = function(e) {\n

I have the following code:

@alessandro --
I was afraid you would mis-interpret my meaning with this:

 function test() { [ var | window.]test = function() {
      alert("This is a test");
   }
   top.Ext.getCmp('contentMIFPanel').getFrameWindow().test();

var window.anything is invalid. window is the global object.

Inside Ext.onReady or any other function, you must declare the "global namespace" of your function/variable as simply:

<script>
  // this == window here.
  var someOtherValue = 3500;

  Ext.onReady(function(){
   
    window.countDomini = function(e) {
        statusZona = e.get('statusZona');
                 [ ... ]
            };
    window.someOtherValue++;   //now it's == 3501

 });
</script>

Use Firebug : Dom Tab and play with it until you understand it.

[alessandro]

Thank you.
Now it works.
Another question:

let's suppose that we have a function called "test".

Inside that function I have a global variable "imported" from outside function's scope, like "var myvar"

var myvar = 'hello word';
window.test = function() {
   var myvar;
   alert(myvar);
}

Can I recall that function from another iframe, without loosing the scope for myvar?
I would like to execute function inside frame1 from frame2 like as I'm running that function directly from frame1.

[bkraut]

Hi,

I managed to run ManagedIFrame, but ocasionally I get this erro in FireFox:

Permission denied to call method Location.toString

Permission denied to call method Location.toString
anonymous()miframe-debug.js (line 502)
anonymous()miframe-debug.js (line 1067)
anonymous()miframe-debug.js (line 1767)
anonymous()miframe-debug.js (line 1846)
anonymous()miframe-debug.js (line 1719)
anonymous()miframe-debug.js (line 1946)
anonymous()miframe-debug.js (line 1922)
anonymous() 

Here is my index.html head includes

<script type="text/javascript" src="js/ux/mif/miframe-debug.js"></script>
<script type="text/javascript" src="js/ux/mif/mifmsg.js"></script> 

and function where I open a new Window with IFrame:

treeNodeDblClick: function(node, e) {
        
        var win = new Ext.Window({
            title: 'Report',
            width: 800,
            height: 600,
            maximizable: true,
            closable: true,
            border: false,
            layout: 'fit',
            items: [{
                 xtype: 'iframepanel',
                border: false,
                width: 800,
                height: 600,
                loadMask: {
                    msg:"Loading..."
                },
                defaultSrc : 'http://www.google.com/'
             }]
        });
        
        win.show();
    }, 

any help appreciated.