[CLOSED] [1.0] TabPanel AutoLoad with IE 7/8 on Windows XP

[rcaunt]

Hi Guys,

I have found a problem that only seems to manifest itself when using IE 7/8 with Windows XP. I'm not too sure why the operating system makes a difference but I have tested the same page on IE 7/8 across Windows 7, Vista and XP and it only occurs on XP.


I have a page with a Viewport containing a BorderLayout. In the Center area is a TabPanel. In that TabPanel I have one Panel in markup that is set to AutoLoad a page using Mode="IFrame":

		<Center Margins-Bottom="5" Margins-Right="5">
                    <ext:TabPanel ID="tpMain" runat="server" EnableTabScroll="true">
                        <Items>
                            <ext:Panel Title="Welcome" Icon="House" Closable="false" ID="tbHome" runat="server"
                                Border="false">
                                <AutoLoad Url="/Home/Welcome" Mode="IFrame" />
                            </ext:Panel>
                        </Items>
                        <Plugins>
                            <ext:TabCloseMenu runat="server" />
                            <ext:TabScrollerMenu runat="server" PageSize="10" />
                        </Plugins>
                        <Listeners>
                            <BeforeTabClose Fn="CFRMIS.Core.UI.tabClose" />
                            <TabClose Fn="CFRMIS.removeTab" />
                            <BeforeTabChange Fn="tabActivate" />
                        </Listeners>
                    </ext:TabPanel>
                </Center>

The page that is loaded within the tab contains a Viewport containing a FitLayout containing a Panel with a TopBar, that is all:

    <ext:Viewport runat="server">
        <Items>
            <ext:FitLayout runat="server">
                <Items>
                    <ext:Panel ID="pnlDashboard" runat="server" Border="false" Layout="Fit">
                        <TopBar>
                            <ext:Toolbar runat="server">
                                <Items>
                                    <ext:Button runat="server" ID="btnRefresh" Text="Refresh" Icon="Reload">
                                        <Listeners>
                                            <Click Fn="reloadStores" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                        <Items>
                            
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:FitLayout>
        </Items>
    </ext:Viewport>

The error generated is:


"'null' is null or not an object" in ext.axd?v=28396, line 19414 character 34


Which is the "var ct" line shown below as part of ContainerLayout:

layout : function(){
        var ct = this.container, target = ct.getLayoutTarget();
        if(!(this.hasLayout || Ext.isEmpty(this.targetCls))){
            target.addClass(this.targetCls);
        }
        this.onLayout(ct, target);
        ct.fireEvent('afterlayout', ct, this);
    },

The only thing I can guess is that ExtJS renders the page differently in this scenario which causes a problem. I can provide a sample project if needs be.


Thanks,

[Vladimir]

Hi,

Can you update from SVN and retest? Yesterday we fixed it (http://forums.ext.net/showthread.php...1100-16-1.aspx)

[rcaunt]

Haha nice one. Thanks :)