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

[MacSimon]

Hi everyone,

I have a little problem with my loadingmask.

I have the following config.

a managed iframe panel:

//managed IFramePanel for loading report
var reportDetailsPanel = new Ext.ux.ManagedIFrame.Panel({
    id: 'reportDetailsPanel',
    title: "Détails du résultat",
    closable: false,
    loadMask: { hideOnReady: false, msg: 'Loading Report....' },
    tbar: assessmentsReportToolBar
});

a tabpanel wich contains the managed iframe panel and a grid:

//the tabpanel that contains the grid and the reportDetails
var tabPanel = new Ext.TabPanel({
    region: "center",
    id: "tabPanel",
    activeTab: 0,
    border: true,
    items: [gridPanel, reportDetailsPanel]
});

my code for showing the report in the managed iframe panel:

//Shows the report for the correspondig row in the grid
function ShowReport(id) {
    Ext.getCmp("tabPanel").activate('reportDetailsPanel');
    var Url = "myUrl?Id=" + id;
    Ext.getCmp("reportDetailsPanel").setSrc(Url);
}

The problem I have with the loadingmask is that it is shown from the top of the page to about half of my toolbar.
The message is shown correctly in the center of the managedIframe.

Sometimes is crashes because the corresponding element of the panel is not found.


The page I am trying to load inside the panel has a config like below:

var mainPanel = new Ext.Panel({
    id: 'mainPanel',
    autoScroll: true,
    border: false
});
 
var viewPort = new Ext.Viewport({
    id: 'viewPort',
    layout: 'fit',
    items: [mainPanel]
});

with inside the mainpanel some more panels with html content wich is specified like this:

//(layout column is because it hase some more items added later in the code..)
var row = new Ext.Panel({
    layout: 'column',
    border: false,
    title: title,
    collapsible: item.collapsible,
    width: widthOfTheReport,
    html: item.html
});
 
mainPanel.add(row);

Thanks for your help.

[sirioz10]

Hi,
when miframe.js is loaded and I upload an image using Ext.ux.FileUploader IE8 simply crash without error log.
Some Idea about the function that can cause the crash?

In firefox 3.5 all work fine. [Ext 3.1.1 MIF 2.1].

May be the same problem mentioned by albertyips :http://www.extjs.com/forum/showthrea...=71961&page=45

Please help me!

Thanks in advance.

[sirioz10]

When Mif is loaded, upload a file cause crash in IE8, and my Ext version is the 3.1.1

The following code cause the crash (Connection.js, function doFormUpload, line: 436):

if(!me.debugUploads){
   setTimeout(function(){Ext.removeNode(frame);}, 100);
}

The following override in miframe.js line: 1808 return an element instead of dom, so Ext.removeNode cause the error:

    Ext.fly = El.fly = function(el, named, doc){
        var ret = null;
        named = named || '_global';

        if (el = Ext.getDom(el, doc)) {
            (ret = flies[named] = (flies[named] || new El.Flyweight())).dom = el;
            Ext.isDocument(el) && (ret._isDoc = true);
        }
        return ret;
    };

[fermo111]

I have the following problem:

1) include the google maps library
2) include the ManagedIFrame extension
3) set firebug to break on all errors

FB breaks at this line

rules[ssRules[j].selectorText.toLowerCase()] = ssRules[j];

in the file ext/src/util/CSS.js. This line is executed as the result of the call highlighted below

var CSS = Ext.util.CSS;
if(CSS){ 
    CSS.getRule('.x-hide-nosize') || //already defined?

Since I wish to have "break on all errors" enabled, I don't know exactly how to fix it. Any suggestion?

[amit_gupta]

Hi

I am new to Ext JS and this is my first post on this forum.

I am trying to do something similar to Westside Story demo where we have a TreePanel based menu for external links on the left side and Tabbed panel in the center to display the linked applications.

First time when I click on a URL link in the Tree Panel, application open successfully in a new tab. Next time, When I click on a link, a new tab is created, the tab is split into two parts, showing first application in the first (top) part and the second application in the second (bottom) part.

I am using ext-3.1.1-beta_5899-129 with ManagedIFrame 2.1. Any help would be highly appreciated.

[bkraut]

I'm successfully creating an iframe and open it inside a window with following code:

var iframe = new MIF.Panel({
                 //xtype: 'iframepanel',
                border: false,
                width: 800,
                height: 600,
                header: false,
                loadMask: {
                    msg:"Loading..."
                },
                defaultSrc: 'Reporter/' + node.attributes.attributes[0].nodeId,
             }); 

I would like to send some parameters also. How can I do that? Is my config unapropriate for sending parameters?

[hendricd]

@fermo --
Indeed, Firebug is not perfect. If you break on all errors, it will ! Even in a try{}catch block.

Get used to it.

I have the following problem:

1) include the google maps library
2) include the ManagedIFrame extension
3) set firebug to break on all errors

FB breaks at this line

rules[ssRules[j].selectorText.toLowerCase()] = ssRules[j];

in the file ext/src/util/CSS.js. This line is executed as the result of the call highlighted below

var CSS = Ext.util.CSS;
if(CSS){ 
    CSS.getRule('.x-hide-nosize') || //already defined?

Since I wish to have "break on all errors" enabled, I don't know exactly how to fix it. Any suggestion?

[hendricd]

A reminder for you MIF 2.1 fans:

Ext 3.1.x and MIF 2.1 still don't play well together, and likely wont fully support each other until after the 3.1.1 beta.

Newcomers to the Ext framework interested in IFRAME development should consider 3.0.x first and migrate as things evolve.

[hendricd]

@bkraut --
Are you wanting to POST or GET to the frame? MIF 2.0.x has methods for both.

I'm successfully creating an iframe and open it inside a window with following code:

var iframe = new MIF.Panel({
                 //xtype: 'iframepanel',
                border: false,
                width: 800,
                height: 600,
                header: false,
                loadMask: {
                    msg:"Loading..."
                },
                defaultSrc: 'Reporter/' + node.attributes.attributes[0].nodeId,
             }); 

I would like to send some parameters also. How can I do that? Is my config unapropriate for sending parameters?

[bkraut]

I'd like to use POST.