[CLOSED] [1.0] Desktop with Window containing GroupTabPanel

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    In the below Desktop example, when you click on the "Web Browser" link in the Start Menu, and click on "Section 1.1" within the GroupTabPanel, I get the following JavaScript error message displayed:

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Timestamp: Wed, 14 Apr 2010 08:19:42 UTC
    
    Message: 'null' is null or not an object
    Line: 7
    Char: 155368
    Code: 0
    It seems to be something to do with having AutoLoad within the "Section 1.1" panel - if I change this to some normal content it works fine. Also, the error only occurs when the page is viewed within a Desktop window. If I view the Test.aspx page directly in the browser it works fine.

    Thanks

    Dan

    Desktop.aspx
    <%@ Page Language="C#" %>
    
    <%@ Import Namespace="System.Collections.Generic" %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.Store1.DataSource = this.TestData;
                this.Store1.DataBind();
            }
        }
    
        private object[] TestData
        {
            get
            {
                DateTime now = DateTime.Now;
                
                return new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, now },
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, now },
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, now },
                    new object[] { "American Express Company", 52.55, 0.01, 0.02, now },
                    new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, now },
                    new object[] { "AT&amp;T Inc.", 31.61, -0.48, -1.54, now },
                    new object[] { "Boeing Co.", 75.43, 0.53, 0.71, now },
                    new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, now },
                    new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, now },
                    new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, now },
                    new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, now },
                    new object[] { "General Electric Company", 34.14, -0.08, -0.23, now },
                    new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, now },
                    new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, now },
                    new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, now },
                    new object[] { "Intel Corporation", 19.88, 0.31, 1.58, now },
                    new object[] { "International Business Machines", 81.41, 0.44, 0.54, now },
                    new object[] { "Johnson &amp; Johnson", 64.72, 0.06, 0.09, now },
                    new object[] { "JP Morgan &amp; Chase &amp; Co", 45.73, 0.07, 0.15, now },
                    new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, now },
                    new object[] { "Merck &amp; Co., Inc.", 40.96, 0.41, 1.01, now },
                    new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, now },
                    new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, now },
                    new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, now },
                    new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, now },
                    new object[] { "The Procter &amp; Gamble Company", 61.91, 0.01, 0.02, now },
                    new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, now },
                    new object[] { "Verizon Communications", 35.57, 0.39, 1.11, now },
                    new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, now }
                };
            }
        }
        
        protected void MyData_Refresh(object sender, StoreRefreshDataEventArgs e)
        {
            this.Store1.DataSource = this.TestData;
            this.Store1.DataBind();
        }
    
        protected void Logout_Click(object sender, DirectEventArgs e)
        {
            // Logout from Authenticated Session
            this.Response.Redirect("Default.aspx");
        }
    
        [DirectMethod]
        public Customer AddCustomer()
        {
            Customer customer = new Customer();
    
            customer.ID = 99;
            customer.FirstName = this.txtFirstName.Text;
            customer.LastName = this.txtLastName.Text;
            customer.Company = this.txtCompany.Text;
            customer.Country = new Country(this.cmbCountry.SelectedItem.Value);
            customer.Premium = this.chkPremium.Checked;
            customer.DateCreated = DateTime.Now;
    
            return customer;
        }
        
        // Define Customer Class
        public class Customer
        {
            public int ID { get; set; }
            public string FirstName { get; set; }
            public string LastName { get; set; }
            public string Company { get; set; }
            public Country Country { get; set; }
            public bool Premium { get; set; }
            public DateTime DateCreated { get; set; }
        }
    
        // Define Country Class
        public class Country
        {
            public Country(string name)
            {
                this.Name = name;
            }
    
            public string Name { get; set; }
        }
    
        protected void GetQuickSearchItems(object sender, StoreRefreshDataEventArgs e)
        {
            string filter = e.Parameters["Filter"];
    
            if (!string.IsNullOrEmpty(filter))
            {
                QuickSearchStore.DataSource = new List<object>
                  {
                      new { SearchItem = filter + " 1" },
                      new { SearchItem = filter + " 2" },
                      new { SearchItem = filter + " 3" },
                      new { SearchItem = filter + " 4" },
                      new { SearchItem = filter + " 5" },
                      new { SearchItem = filter + " 6" },
                      new { SearchItem = filter + " 7" },
                      new { SearchItem = filter + " 8" },
                      new { SearchItem = filter + " 9" },
                      new { SearchItem = filter + " 10" }
                  };
            }
    
            QuickSearchStore.DataBind();
        }
    </script>
        
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Desktop - Ext.NET Examples</title>    
        
        <style type="text/css">        
            .start-button {
                background-image: url(vista_start_button.gif) !important;
            }
            
            .shortcut-icon {
                width: 48px;
                height: 48px;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="window.png", sizingMethod="scale");
            }
            
            .icon-grid48 {
                background-image: url(grid48x48.png) !important;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grid48x48.png", sizingMethod="scale");
            }
            
            .icon-user48 {
                background-image: url(user48x48.png) !important;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="user48x48.png", sizingMethod="scale");
            }
            
            .icon-window48 {
                background-image: url(window48x48.png) !important;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="window48x48.png", sizingMethod="scale");
            }
            
            .desktopEl {
                position: absolute !important;
            }
        </style>
        
        <script type="text/javascript">
            var alignPanels = function () {
                pnlSample.getEl().alignTo(Ext.getBody(), "tr", [-505, 5], false)
            };
    
            var template = '{1}';
    
            var change = function (value) {
                return String.format(template, (value > 0) ? "green" : "red", value);
            };
    
            var pctChange = function (value) {
                return String.format(template, (value > 0) ? "green" : "red", value + "%");
            };
    
            var createDynamicWindow = function (app) {
                var desk = app.getDesktop();
    
                var w = desk.createWindow({
                    title  : "Dynamic Web Browser",
                    width  : 1000,
                    height : 600,
                    maximizable : true,
                    minimizable : true,
                    autoLoad : {
                        url  : "http://ajaxian.com/archives/mad-cool-date-library/",
                        mode : "iframe",
                        showMask : true
                    }
                });
    
                w.center();
                w.show();
            };
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server">
                <Listeners>
                    <DocumentReady Handler="alignPanels();" />
                    <WindowResize Handler="alignPanels();" />
                </Listeners>
            </ext:ResourceManager>
            
            <%--Quick Search--%>
            
            <ext:Store 
                ID="QuickSearchStore" 
                runat="server" 
                AutoLoad="false" 
                OnRefreshData="GetQuickSearchItems">
                <Proxy>
                    <ext:PageProxy />
                </Proxy>
                <Reader>
                    <ext:JsonReader>
                        <Fields>
                            <ext:RecordField Name="SearchItem" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
                <BaseParams>
                    <ext:Parameter Name="Filter" Value="#{QuickSearchFilter}.getValue()" Mode="Raw" />
                </BaseParams>
            </ext:Store>
            
            <%--End Quick Search--%>
    
            <ext:Desktop 
                ID="MyDesktop" 
                runat="server" 
                BackgroundColor="Black" 
                ShortcutTextColor="White" 
                Wallpaper="desktop.jpg">
                <StartButton Text="Start" IconCls="start-button" />
                <%-- NOTE: Body Controls must be added to a container with position:absolute --%>
                <Content>
                    <ext:Panel 
                        ID="pnlSample" 
                        runat="server" 
                        Title="Sample Panel"
                        Cls="deskEl" 
                        Height="400" 
                        Width="500"
                        Padding="5"
                        Collapsible="true">
                        <Items>
                            <ext:BorderLayout ID="BorderLayout1" runat="server">
                                <West 
                                    Collapsible="true" 
                                    Split="true" 
                                    MarginsSummary="5 0 0 5" 
                                    CMarginsSummary="5 5 0 5">
                                    <ext:Panel ID="Panel1" runat="server" Title="West" Width="150" />
                                </West>
                                <Center MarginsSummary="5 0 0 0">
                                    <ext:Panel 
                                        ID="Panel2" 
                                        runat="server" 
                                        Title="Center" 
                                        Html="<h1>Center</h1>Positioned Panel with BorderLayout" 
                                        Padding="5">
                                        <BottomBar>
                                            <ext:Toolbar ID="Toolbar1" runat="server">
                                                <Items>
                                                    <ext:Button ID="Button1" runat="server" Text="Button" />
                                                    <ext:SplitButton ID="SplitButton1" runat="server" Text="Split Button">
                                                        <Menu>
                                                            <ext:Menu ID="Menu1" runat="server">
                                                                <Items>
                                                                    <ext:MenuItem ID="MenuItem1" runat="server" Text="Item 1" />
                                                                    <ext:MenuItem ID="MenuItem2" runat="server" Text="Item 2">
                                                                        <Menu>
                                                                            <ext:DateMenu ID="DateMenu1" runat="server" />
                                                                        </Menu>
                                                                    </ext:MenuItem>
                                                                    <ext:MenuItem ID="MenuItem3" runat="server" Text="Item 3">
                                                                        <Menu>
                                                                            <ext:ColorMenu ID="ColorMenu1" runat="server" />
                                                                        </Menu>
                                                                    </ext:MenuItem>
                                                                </Items>
                                                            </ext:Menu>
                                                        </Menu>
                                                    </ext:SplitButton>
                                                </Items>
                                            </ext:Toolbar>
                                        </BottomBar>    
                                    </ext:Panel>
                                </Center>
                                <East Collapsible="true" Split="true" MarginsSummary="5 5 0 0" CMarginsSummary="5 5 0 5">
                                    <ext:Panel ID="Panel3" runat="server" Title="East" Width="150" Layout="Fit">
                                        <Items>
                                            <ext:TabPanel 
                                                ID="TabPanel1" 
                                                runat="server" 
                                                Height="300" 
                                                TabPosition="Bottom"
                                                Border="false">
                                                <Items>
                                                    <ext:Panel 
                                                        ID="Tab1" 
                                                        runat="server" 
                                                        Title="Tab 1" 
                                                        />
                                                    <ext:Panel 
                                                        ID="Tab2" 
                                                        runat="server" 
                                                        Title="Tab 2" 
                                                        Html="Hello!" 
                                                        Padding="5" 
                                                        />
                                                </Items>
                                            </ext:TabPanel>
                                        </Items>
                                    </ext:Panel>
                                </East>
                                <South Collapsible="true" Split="true" MarginsSummary="0 5 5 5">
                                    <ext:Panel ID="Panel4" runat="server" Height="125" Title="South" Collapsed="true" />
                                </South>
                            </ext:BorderLayout>
                        </Items>
                    </ext:Panel>
                </Content>
                <Modules>
                    <ext:DesktopModule ModuleID="DesktopModule1" WindowID="winCustomer" AutoRun="true">
                        <Launcher ID="Launcher1" runat="server" Text="Add Customer" Icon="Add" />
                    </ext:DesktopModule>
                    
                    <ext:DesktopModule ModuleID="DesktopModule2" WindowID="winCompany" AutoRun="true">
                        <Launcher ID="Launcher2" runat="server" Text="Company Info" Icon="Lorry" />
                    </ext:DesktopModule>
                    
                    <ext:DesktopModule ModuleID="DesktopModule3" WindowID="winBrowser">
                        <Launcher ID="Launcher3" runat="server" Text="Web Browser" Icon="World" />
                    </ext:DesktopModule>
                </Modules>  
                
                <Shortcuts>
                    <ext:DesktopShortcut ModuleID="DesktopModule1" Text="Add Customer" IconCls="shortcut-icon icon-user48" />
                    <ext:DesktopShortcut ModuleID="DesktopModule2" Text="Company Info" IconCls="shortcut-icon icon-grid48" />
                    <ext:DesktopShortcut ModuleID="modMisc" Text="Shortcut" IconCls="shortcut-icon icon-window48" X="{DX}-90" Y="{DY}-90" />
                </Shortcuts>
                
                 <StartMenu Width="400" Height="400" ToolsWidth="227" Title="Start Menu">
                    <ToolItems>
                        <ext:MenuItem Text="Settings" Icon="Wrench">
                            <Listeners>
                                <Click Handler="Ext.Msg.alert('Message', 'Settings Clicked');" />
                            </Listeners>
                        </ext:MenuItem>
                        <ext:MenuItem Text="Logout" Icon="Disconnect">
                            <DirectEvents>
                                <Click OnEvent="Logout_Click">
                                    <EventMask ShowMask="true" Msg="Good Bye..." MinDelay="1000" />
                                </Click>
                            </DirectEvents>
                        </ext:MenuItem>
                        
                        <ext:MenuSeparator />
                        
                        <ext:ComponentMenuItem ID="ComponentMenuItem1" runat="server" Shift="false">   
                            <Component>
                                <ext:GridPanel ID="QuickSearchGrid" runat="server" Width="210" Height="275" StoreID="QuickSearchStore" AutoExpandColumn="SearchItem">
                                    <ColumnModel>
                                        <Columns>
                                            <ext:CommandColumn Width="30">
                                                <Commands>
                                                    <ext:GridCommand Icon="Note" />
                                                </Commands>
                                            </ext:CommandColumn>
                                            
                                            <ext:Column ColumnID="SearchItem" Header="SearchItem" DataIndex="SearchItem" />
                                        </Columns>
                                    </ColumnModel>
                                    <SelectionModel>
                                        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
                                    </SelectionModel>
                                    <LoadMask ShowMask="true" />
                                </ext:GridPanel>
                            </Component>                     
                        </ext:ComponentMenuItem>
                        
                        <ext:ComponentMenuItem ID="ComponentMenuItem2" runat="server" Target="#{QuickSearchFilter}" Shift="false" ComponentElement="Wrap"> 
                            <Component>
                                <ext:TriggerField ID="QuickSearchFilter" runat="server" Width="210">
                                    <Triggers>
                                        <ext:FieldTrigger Icon="Search" />
                                        <ext:FieldTrigger Icon="Clear" HideTrigger="true" />
                                    </Triggers>
                                    <Listeners>
                                        <TriggerClick Handler="if (index === 1) { trigger.hide(); this.setValue(''); } else { this.triggers[1].show(); } #{QuickSearchGrid}.reload();" />
                                    </Listeners>
                                </ext:TriggerField>
                            </Component>                      
                        </ext:ComponentMenuItem>
                    </ToolItems>
                    
                    <Items>
                        <ext:MenuItem ID="MenuItem4" runat="server" Text="All" Icon="Folder" Hide&#111;nclick="false">
                            <Menu>
                                <ext:Menu ID="Menu2" runat="server">
                                    <Items>
                                        <ext:MenuItem Text="Add Customer" Icon="Add">
                                            <Listeners>
                                                <Click Handler="#{winCustomer}.show();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        <ext:MenuItem Text="Company Info" Icon="Lorry">
                                            <Listeners>
                                                <Click Handler="#{winCompany}.show();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        <ext:MenuItem Text="Web Browser" Icon="World">
                                            <Listeners>
                                                <Click Handler="#{winBrowser}.show();" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        <ext:MenuItem Text="Create dynamic" Icon="World">
                                            <Listeners>
                                                <Click Handler="createDynamicWindow(#{MyDesktop});" />
                                            </Listeners>
                                        </ext:MenuItem>
                                    </Items>
                                </ext:Menu>
                            </Menu>
                        </ext:MenuItem>
                        <ext:MenuSeparator />
                    </Items>
                </StartMenu>
            </ext:Desktop>
            
            <ext:Store ID="Store1" runat="server" OnRefreshData="MyData_Refresh">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="company" />
                            <ext:RecordField Name="price" Type="Float" />
                            <ext:RecordField Name="change" Type="Float" />
                            <ext:RecordField Name="pctChange" Type="Float" />
                            <ext:RecordField Name="lastChange" Type="Date" DateFormat="yyyy-MM-ddTHH:mm:ss" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
            
            <ext:DesktopWindow 
                ID="winCustomer" 
                runat="server" 
                Title="Add Customer" 
                InitCenter="false"
                Icon="User" 
                Padding="5"
                Width="350"
                Height="200"
                PageX="100" 
                PageY="25"
                Layout="Form">
                <Items>
                    <ext:TextField ID="txtFirstName" runat="server" FieldLabel="First Name" Text="Steve" AnchorHorizontal="100%" />
                    <ext:TextField ID="txtLastName" runat="server" FieldLabel="Last Name" Text="Caballero" AnchorHorizontal="100%" />
                    <ext:TextField ID="txtCompany" runat="server" FieldLabel="Company" Text="Awesome Industries" AnchorHorizontal="100%" />
                    <ext:ComboBox ID="cmbCountry" runat="server" FieldLabel="Country" AnchorHorizontal="100%">
                        <SelectedItem Value="United States" />
                        <Items>
                            <ext:ListItem Text="Australia" />
                            <ext:ListItem Text="Canada" />
                            <ext:ListItem Text="Great Britian" />
                            <ext:ListItem Text="Japan" />
                            <ext:ListItem Text="United States" />
                        </Items>
                    </ext:ComboBox>
                    <ext:Checkbox ID="chkPremium" runat="server" FieldLabel="Premium Member" Checked="true" AnchorHorizontal="100%" />
                </Items>
                <Buttons>
                    <ext:Button ID="btnSaveCustomer" runat="server" Text="Save" Icon="Disk">
                        <Listeners>
                            <Click Handler="Ext.net.DirectMethods.AddCustomer({
                                success: function (customer) {
                                    var template = 'ID: {0}{7} Name: {1} {2}{7} Company: {3}{7} Country: {4}{7} Premium Member: {5}{7} Date Created: {6}{7}',
                                        msg = String.format(template, 
                                                customer.ID, 
                                                customer.FirstName, 
                                                customer.LastName, 
                                                customer.Company, 
                                                customer.Country.Name, 
                                                customer.Premium, 
                                                customer.DateCreated,
                                                '&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;');
                                    
                                    Ext.Msg.alert('Customer Saved', msg);
                                }
                            });" />
                        </Listeners>
                    </ext:Button>
                </Buttons>
            </ext:DesktopWindow>
            
            <ext:DesktopWindow 
                ID="winCompany" 
                runat="server" 
                InitCenter="false"
                Title="Company Info" 
                Icon="Lorry"             
                Width="550"
                Height="320"
                PageX="200" 
                PageY="125"
                Layout="Fit">
                <TopBar>
                    <ext:Toolbar ID="ToolBar2" runat="server">
                        <Items>
                            <ext:Button ID="btnSave" runat="server" Text="Save" Icon="Disk">
                                <Listeners>
                                    <Click Handler="#{GridPanel1}.save();" />
                                </Listeners>
                            </ext:Button>
                            <ext:Button ID="btnLoad" runat="server" Text="Reload" Icon="ArrowRefresh">
                                <Listeners>
                                    <Click Handler="#{GridPanel1}.load();" />
                                </Listeners>
                            </ext:Button>
                            <ext:Button ID="extbtnedit" runat="server" Icon="Add">
                                <ToolTips>
                                    <ext:ToolTip ID="ToolTip2" Title="Edit Entry" runat="server" Html="Edit" />
                                </ToolTips>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </TopBar>           
                <Items>
                    <ext:GridPanel 
                        ID="GridPanel1" 
                        runat="server" 
                        StoreID="Store1" 
                        StripeRows="true"
                        Border="false"
                        AutoExpandColumn="Company">
                        <ColumnModel ID="ColumnModel1" runat="server">
                            <Columns>
                                <ext:Column ColumnID="Company" Header="Company" Width="160" DataIndex="company" />
                                <ext:Column Header="Price" Width="75" DataIndex="price">
                                    <Renderer Format="UsMoney" />
                                </ext:Column>
                                <ext:Column Header="Change" Width="75" DataIndex="change">
                                    <Renderer Fn="change" />
                                </ext:Column>
                                <ext:Column Header="Change" Width="75" DataIndex="pctChange">
                                    <Renderer Fn="pctChange" />
                                </ext:Column>
                            </Columns>
                        </ColumnModel>
                        <SelectionModel>
                            <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                        </SelectionModel>
                        <LoadMask ShowMask="true" />
                        <BottomBar>
                            <ext:PagingToolbar ID="PagingToolBar2" runat="server" PageSize="10" StoreID="Store1" />
                        </BottomBar>
                    </ext:GridPanel>
                </Items>
            </ext:DesktopWindow>
            
            <ext:DesktopWindow 
                ID="winBrowser" 
                runat="server" 
                Title="Web Browser" 
                Icon="World"
                InitCenter="false"             
                Width="1000"
                Height="600"
                PageX="25" 
                PageY="25">
                <AutoLoad Url="Test.aspx" Mode="IFrame" ShowMask="true" />
            </ext:DesktopWindow>
        </form>
    </body>
    </html>
    Test.aspx
    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ OutputCache Location="None" VaryByParam="None"%>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>GroupTabPanel - Ext.NET Examples</title>
    
        <script runat="server">
            protected void Page_Load(object sender, EventArgs e)
            {
            }
        </script>
    </head>
    <body>
        
        <form runat="server" id="frmMain">
            <ext:ResourceManager runat="server" ID="rsmMain"></ext:ResourceManager>
        
            <ext:Viewport ID="vptMain" runat="server">
                <Items>
                    <ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="true">
                        <Columns>
                            <ext:LayoutColumn ColumnWidth="1">
                                <ext:GroupTabPanel ID="GroupTabPanel1" runat="server" TabWidth="160" ActiveGroupIndex="0">
                                    <Groups>
                                        <ext:GroupTab ID="GroupTab1" runat="server" MainItem="0">
                                            <Items>
                                                <ext:Panel ID="pnl1" runat="server" Title="Section 1" Icon="Tick">
                                                </ext:Panel>
                                            
                                                <ext:Panel ID="pnl2" runat="server" Title="Section 1.1" Icon="Cross" Padding="6">
                                                    <AutoLoad Url="Blank.htm" Mode="IFrame">
                                                    </AutoLoad>
                                                </ext:Panel>
                                            </Items>
                                        </ext:GroupTab>
                                        <ext:GroupTab ID="GroupTab2" runat="server" MainItem="0">
                                            <Items>
                                                <ext:Panel ID="Panel3" runat="server" Title="Section 2" Icon="Tick"></ext:Panel>
                                                <ext:TabPanel ID="FormPanel2" runat="server" Title="Section 2.1" Icon="Cross"></ext:TabPanel>
                                            </Items>
                                        </ext:GroupTab>
                                    </Groups>
                                </ext:GroupTabPanel>
                            </ext:LayoutColumn>
                        </Columns>
                    </ext:ColumnLayout>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  2. #2

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi,

    I cannot reproduce the problem. May be the error is raised by Blank.htm page
  3. #3

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi Vladmir,

    Thanks for the reply. The "Blank.htm" page just contains one line of text. Are you able to replicate the problem with the attached standalone web site project? I've included the two ASPX pages, and the HTML page, along with the Ext.Net DLLs. I get the error as soon as I click on "Section 1.1".

    I'm using IE8 and have tried it with Compatibility Mode turned on and off.

    Thanks,

    Dan
  4. #4

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi,

    No, I am not able to reproduce the problem. After click on 'Section 1.1' I see 'Hello' label
  5. #5

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Ok. It appears to be falling over on the following line of code, in a "layout" function:

    layout:function(){var a=this.container,b=a.getLayoutTarget();if(!(this.hasLayout||Ext.isEmpty(this.targetCls))){b.addClass(this.targetCls)}this.onLayout(a,b);a.fireEvent("afterlayout",a,this)}
    "a" is what is null, because "container" is null within the "this" Object.

    In debug, "this" contains the following properties:

    activeItem = null
    container = null
    fieldTpl = Object:
        disableFormats = true
        html = "<div class="x-form-item {itemCls}" tabIndex="-1"><label for="{id}" style="{labelStyle}" class="x-form-item-label">{label}{labelSeparator}</label><div class="x-form-element" id="x-form-el-{id}" style="{elementStyle}">
    <div class="{clearCls}">
    
    "
        re = "/\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g"
    getLayoutTargetSize = undefined
    id = "ext-layout-55"
    monitorResize = true
    resizeBuffer = 50
    resizeTask = Object
    type = "auto"
    Does this shed any light on what could be causing this error? Is it some sort of timing issue with rendering perhaps?

    It appears to be specific to IE8 only.

    Thanks,

    Dan
  6. #6

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi Dan,

    Do you have an ability to create online example?
  7. #7

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    I'm at home at the moment and have put a version online at the following URL: http://www.vienen.co.uk/DesktopExample/

    I can't replicate the problem at home under IE8 on Windows 7, so will try running the above URL when at work tomorrow to see if it still produces the error.

    Strange!
  8. #8

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi,

    I tested your online example under MS Vista and all works fine
    May be it depends from Windows version
  9. #9

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    I've tested the demo on two different machines on my work network, plus a separate machine which has direct connection to the internet (no firewalls etc), and the problem happens on all of them.

    Machine 1: Windows XP 64-bit SP2, running Internet Explorer 8.0.6001.18702

    Machine 2: Windows Server 2003 32-bit SP2, running Internet Explorer 8.0.6001.18702

    Machine 3: Windows XP 32-bit SP2, running Internet Explorer 8.0.6001.18702

    Machine 3 did have IE7 on before, and the demo worked fine. As soon as I installed IE8, and viewed the site, I started getting the error when clicking on "Section 1.1".

    So it does appear to be specific to IE8 when installed on XP/Server 2003.

    Dan
  10. #10

    RE: [CLOSED] [1.0] Desktop with Window containing GroupTabPanel

    Hi,

    Can you update from SVN and retest? I change one thing but I am not sure if it can resolve the issue (just at this moment I have no ability to test under Win XP)


    If you have the issue still after the update then try to add one more panel inside 'Section 1.1' panel and move AutoLoad to the inner panel (also add Layout="Fit" to the ouer panel)
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] V2.0 DeskTop window
    By Aurelio in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 20, 2012, 12:51 PM
  2. Replies: 1
    Last Post: Nov 11, 2011, 2:48 PM
  3. [CLOSED] Minimize window created in another desktop window
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 03, 2011, 1:46 PM
  4. Refreshing desktop control from desktop window
    By AnilVelamuri in forum 1.x Help
    Replies: 0
    Last Post: May 26, 2010, 7:53 AM
  5. Replies: 3
    Last Post: Feb 03, 2009, 5:57 PM

Posting Permissions