[CLOSED] GroupTabPanel bug

  1. #1

    [CLOSED] GroupTabPanel bug

    Hi
    I get a runtime JS error when running this code and clicking on the nodes Tab2_2 and then quick click on the node Tab2_3, before the previous pages has finished loading.

    Please see the attached

    /Mikael

    <%@ Page Language="C#" ValidateRequest="false"%>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
        }
     
    </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Ext.NET Example</title>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
    <ext:Viewport ID="Viewport1" runat="server" Layout="Fit">
            <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <Center>
                        <ext:GroupTabPanel ID="GroupTabPanel1" runat="server" TabWidth="160" ActiveGroupIndex="0">
                            <Groups>
                                <ext:GroupTab ID="gtHome1" runat="server"  >
                                    <Items>
                                        <ext:Panel ID="pnlStart" 
                                            runat="server" 
                                            Title="Start" 
                                            Layout="Fit" 
                                            TabTip="Start"
                                            Padding="5"
                                            Html="test"
                                            >                                        
                                            
                                        </ext:Panel> 
                                        
                                        <ext:Panel ID="Panel1" 
                                            runat="server" 
                                            Title="Cart" 
                                            Layout="Fit"                                                                                
                                            Icon="Cart"
                                            Padding="5"
                                            Html="test"
                                            >
                                            
                                        </ext:Panel>                                                                   
                                    </Items>
                                </ext:GroupTab>
                                <ext:GroupTab ID="gtHome2" runat="server" MainItem="0" >
                                    <Items>
                                        <ext:Panel ID="Panel2_1" 
                                            runat="server" 
                                            Title="Tab2_1" 
                                            Layout="Fit"                                                                                
                                            Padding="5"
                                            
                                            >
                                            
                                        </ext:Panel>      
                                        
                                        <ext:Panel ID="Panel2_2" 
                                            runat="server" 
                                            Title="Tab2_2" 
                                            Layout="Fit" 
                                            Icon="Package"
                                            Padding="5"
                                            >
                                            <AutoLoad Url="Test3.aspx" Mode="IFrame" NoCache="true" TriggerEvent="show" ReloadOnEvent="true" ShowMask="true" MaskMsg = "Laddar..." />
                                        </ext:Panel> 
                                        
                                        <ext:Panel ID="Panel2_3" 
                                            runat="server" 
                                            Title="Tab2_3" 
                                            Layout="Fit" 
                                            Icon="Package"
                                            Padding="5"
                                            >
                                            <AutoLoad Url="Test3.aspx" Mode="IFrame" NoCache="true" TriggerEvent="show" ReloadOnEvent="true" ShowMask="true" MaskMsg = "Laddar..." ></AutoLoad>
                                        </ext:Panel>                                     
                                                                            
                                                                                                             
                                    </Items>
                                </ext:GroupTab>
                            </Groups>                      
                        </ext:GroupTabPanel>
                    </Center>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
             
            
         
            
        </form>
    </body>
    </html>
    Test3.aspx
    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ OutputCache Location="None" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(1000);
        }
        
    </script>
    <script type="text/javascript">
        
    </script>
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
     
            
         <ext:ViewPort ID="vpProducts" runat="server" >
        <Content>     
            <ext:BorderLayout ID="BorderLayout1" runat="server" >
                <North >
                    <ext:Panel ID="pnlSok" runat="server" Floating="true" Height="70" Padding="5" Title="Sök produkt">
                    </ext:Panel>
                </North>
                <Center>
                    <ext:Panel ID="pnlResult" runat="server" Header="false"  AutoScroll="true" Border="true">
                    </ext:Panel>            
                </Center>
            </ext:BorderLayout>
        </Content>
        </ext:ViewPort>
        
        
      
     
        </form>
    </body>
    </html>
    Last edited by Vladimir; Jul 07, 2010 at 11:37 AM.
  2. #2
    Hi,

    Problem is related with Test3 page
    Is it Floating="true" required for the pnlSok? Floating="true" makes absolute position and cannot be applied in the hidden area.

    If you remove it then exception is gone
    Vladimir Shcheglov
    Sr. Developer
  3. #3
    Hi
    Yes I noticed that the exception was related to that, if I remove the floating I get no exception but the controls render strangely without error. They get the wrong position. Is there no workaround for this?

    Thanks
    /Mikael
  4. #4
    Hi,

    The problem is related with hiding process. When you click on node and then quick switch to another node then page loads to the hidden iframe. Hidden elements have no size therefore ViewPort inside Test3 page cannot determine own size.

    As I remember you had requirement to reload panel after each node clicking, it should solve the problem or you have to disable tab changing while page is loading
    Vladimir Shcheglov
    Sr. Developer
  5. #5
    Hi
    Okay I understand, thanks for the info!

    /Mikael

Similar Threads

  1. [CLOSED] Bug with GroupTabPanel + Checkbox
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 24, 2012, 2:45 PM
  2. [CLOSED] GroupTabPanel
    By rcaunt in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: May 02, 2012, 4:39 PM
  3. [CLOSED] Help with CSS of grouptabpanel
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 31, 2011, 12:51 PM
  4. [CLOSED] [1.0] GroupTabPanel bug?
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 02, 2010, 6:20 PM
  5. [CLOSED] [1.0] GroupTabPanel add logo?
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 02, 2010, 6:20 PM

Posting Permissions