[CLOSED] [1.0] Master Page Viewport "comp is undefined"

  1. #1

    [CLOSED] [1.0] Master Page Viewport "comp is undefined"

    I have the following Test.Master

    <%@ Master Language="C#" AutoEventWireup="true"  %>
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <!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 runat="server">
        <title></title>
        <asp:ContentPlaceHolder ID="head" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager runat="server" />
            
            <ext:Viewport runat="server">
                <Items>
                    <ext:BorderLayout runat="server">
                        <North>
                            <ext:Panel runat="server" ID="ActionWrapper" AutoHeight="true" Border="false" BodyCssClass="ActionWrapper">
                                <Content>
                                     This is some north content
                                </Content>
                            </ext:Panel>
                        </North>
                        <Center>
                            <ext:Panel runat="server" Layout="Fit" AutoScroll="true" Border="false" BodyCssClass="ContentWrapper">
                                <Content>
                                    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
                                </Content>  
                            </ext:Panel>
                        </Center>
                    </ext:BorderLayout>
                </Items>
            </ext:Viewport>        
            
        </form>
    </body>
    </html>
    Used by the TestCoolite.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="Test.Master"  %>
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <asp:Content ContentPlaceHolderID="MainContent" runat="server">
    
        <ext:Viewport runat="server" ID="ContentManagerViewPort">
            <Items>
                <ext:BorderLayout runat="server" ID="ContentManagerLayout">
                    <West Split="true" Collapsible="true" CollapseMode="Mini">
                        <ext:Label Text="123" />
                    </West>
                    <Center>
                        <ext:Label Text="456" />
                    </Center>
                </ext:BorderLayout>
            </Items>
       </ext:Viewport>
       
    </asp:Content>
    When I view this page I get the javascript error "comp is undefined".



  2. #2

    RE: [CLOSED] [1.0] Master Page Viewport "comp is undefined"

    Hi Labyrinth,

    There were a few issues.

    1. Remove <ext:Viewport> from content .aspx

    2. The BorderLayout regions should be configured with Panel type components.

    I modified both the files, applied some formating and converted the Viewport to use the new .Layout property instead of the inner Layout component.

    Example (.master)

    <%@ Master Language="C#" %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <!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 runat="server">
        <title>Ext.NET Example</title>
        <asp:ContentPlaceHolder ID="head" runat="server" />
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <ext:Viewport runat="server" Layout="border">
                <Items>
                    <ext:Panel 
                        ID="ActionWrapper" 
                        runat="server" 
                        Region="North" 
                        AutoHeight="true" 
                        Border="false" 
                        BodyCssClass="ActionWrapper">
                        <Content>
                             North - MasterPage
                        </Content>
                    </ext:Panel>
                    <ext:Panel 
                        runat="server" 
                        Region="Center" 
                        Layout="fit" 
                        AutoScroll="true" 
                        Border="false" 
                        BodyCssClass="ContentWrapper">
                        <Content>
                            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
                        </Content>  
                    </ext:Panel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Example (.aspx)

    <%@ Page Language="C#" MasterPageFile="Master.Master"  %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <ext:BorderLayout runat="server" ID="ContentManagerLayout">
        <West Split="true" Collapsible="true" CollapseMode="Mini">
            <ext:Panel runat="server" Title="West" Width="215" Padding="5">
                <Items>
                    <ext:Label runat="server" Text="West - Content" />
                </Items>
            </ext:Panel>
        </West>
        <Center>
            <ext:Panel runat="server" Title="Center" Padding="5">
                <Items>
                    <ext:Label runat="server" Text="Center - Content" />
                </Items>
            </ext:Panel>
        </Center>
    </ext:BorderLayout>
    </asp:Content>
    Hope this helps.

    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] Ext is Undefined from javascript on Master Page
    By vaultview in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 03, 2011, 10:42 AM
  2. Gridpanel undefined in Master page
    By gustavordgz in forum 1.x Help
    Replies: 2
    Last Post: Sep 08, 2010, 8:56 PM
  3. [CLOSED] Master Page and Viewport
    By majestic in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Sep 04, 2010, 4:21 AM
  4. Master Page, Centered Viewport
    By dankohler in forum Examples and Extras
    Replies: 1
    Last Post: Dec 22, 2009, 9:05 AM
  5. Replies: 7
    Last Post: Jul 19, 2008, 6:59 AM

Posting Permissions