[CLOSED] Add Tab in CodeBehind

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] Add Tab in CodeBehind

    I'm trying to add code via one of a panel in a TabPanel and always the error below occurs.


    What is wrong in the code?

                <ext:Viewport ID="Viewport1" runat="server" Layout="border">
                    <Items>
                        <ext:Panel ID="Panel1" runat="server" AutoHeight="true" Region="North" Header="false">
                            <TopBar>
                                <ext:DesktopTaskBar>
                                    <Items>
                                        <ext:Label ID="Label1" Text="Sistema Integrado de Imobili?rias - Vers?o 1.05" runat="server" Icon="House" Height="20">
                                        </ext:Label>
                                    </Items>
                                </ext:DesktopTaskBar>
                            </TopBar>
                            <BottomBar>
                                <ext:Toolbar ID="Toolbar12" runat="server" EnableOverflow="true">
                                    <Items>
                                        <ext:Button ID="btAdiministrar" runat="server" Text="Cadastros" Icon="GroupEdit" Scale="Medium"
                                            IconAlign="top">
                                            <Menu>
                                                <ext:Menu ID="Menu1" runat="server">
                                                    <Items>
                                                        <ext:MenuItem ID="MenuItem7" runat="server" Text="Endere?os" Icon="FlagBr">
                                                            <Menu>
                                                                <ext:Menu runat="server">
                                                                    <Items>
                                                                        <ext:MenuItem ID="MenuItem8" runat="server" Text="Estados" Icon="Map">
                                                                            <Listeners>
                                                                                <Click Handler="#{DirectMethods}.estados()" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem9" runat="server" Text="Cidades" Icon="WorldDawn">
                                                                          <DirectEvents>
                                                                                      <Click OnEvent="AddTab1" />
                                                                                
                                                                           </DirectEvents>
                                                                        </ext:MenuItem>
                                                                    </Items>
                                                                </ext:Menu>
                                                            </Menu>
                                                        </ext:MenuItem>
                                                        <ext:MenuSeparator ID="MenuSeparator3" runat="server" />
                                                        <ext:ToolbarSeparator />
                                                        <ext:MenuItem ID="MenuItem10" runat="server" Text="Im?veis" Icon="House">
                                                            <Menu>
                                                                <ext:Menu runat="server">
                                                                    <Items>
                                                                        <ext:MenuItem ID="MenuItem11" runat="server" Text="Tipo Im?vel" Icon="HouseConnect">
                                                                            <Listeners>
                                                                                <Click Handler="#{DirectMethods}.tipoimovel()" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem12" runat="server" Text="Sub Tipo Im?vel" Icon="HouseGo">
                                                                            <Listeners>
                                                                                <Click Handler="#{DirectMethods}.subtipoimovel()" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem13" runat="server" Text="Im?vel" Icon="HouseKey">
                                                                            <Listeners>
                                                                                <Click Handler="#{DirectMethods}.cadimovel()" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem14" runat="server" Text="Clientes" Icon="Drink">
                                                                            <Listeners>
                                                                                <Click Handler="#{DirectMethods}.cadCliente()" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                    </Items>
                                                                </ext:Menu>
                                                            </Menu>
                                                        </ext:MenuItem>
                                                        <%--       <ext:MenuSeparator ID="MenuSeparator1" runat="server" />--%>
                                                        <%--                                                    <ext:MenuItem ID="btProdutos" runat="server" Text="Produtos" Icon="Shading">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.produtos()" />
                                                            </Listeners>
                                                        </ext:MenuItem>--%>
                                                        <ext:MenuSeparator ID="MenuSeparator4" runat="server" />
                                                        <ext:MenuItem ID="MenuItem15" runat="server" Text="Usu?rios" Icon="User">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.usuarios()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                    </Items>
                                                </ext:Menu>
                                            </Menu>
    
    
    
    
                                            <Listeners>
                                                <Click Handler="#{DirectMethods}.atividade()" />
                                            </Listeners>
                                        </ext:Button>
                                        <ext:ToolbarSeparator Height="50">
                                        </ext:ToolbarSeparator>
                                        <ext:Button ID="btnMarketing" runat="server" Text="Marketing" Icon="PastePlain"
                                            Scale="Medium" IconAlign="top">
                                            <Menu>
                                                <ext:Menu ID="Menu2" runat="server">
                                                    <Items>
                                                        <ext:MenuItem ID="MenuItem4" runat="server" Text="Campanhas" Icon="Overlays">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.campanhas()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem5" runat="server" Text="Leads" Icon="UserBrown">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.leads()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem6" runat="server" Text="Origem Leads" Icon="TagBlueEdit">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.origemLeads()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                    </Items>
                                                </ext:Menu>
                                            </Menu>
                                        </ext:Button>
                                        <ext:ToolbarSeparator Height="50">
                                        </ext:ToolbarSeparator>
                                        <ext:Button ID="btContasPagar" runat="server" Text="Contas a Pagar" Icon="Money" Scale="Medium"
                                            IconAlign="top">
                                        </ext:Button>
                                        <ext:ToolbarSeparator Height="50">
                                        </ext:ToolbarSeparator>
                                        <ext:Button ID="btnContasRecebe" runat="server" Text="Contas a Receber" Icon="MoneyDollar" Scale="Medium"
                                            IconAlign="top">
                                        </ext:Button>
                                        <ext:ToolbarSeparator Height="50">
                                        </ext:ToolbarSeparator>
    
    
                                        <ext:Button ID="btEmpresa1" runat="server" Text="Relat?rios" Icon="ChartBar" Scale="Medium"
                                            IconAlign="top">
                                            <Menu>
                                                <ext:Menu ID="subRelatorios" runat="server">
                                                    <Items>
                                                        <ext:MenuItem ID="MenuItem2" runat="server" Text="Rela??es de Empresas" Icon="Page">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.RelatorioEmpresas()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="rtLog" runat="server" Text="Log" Icon="Page">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.RelatorioLog()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem1" runat="server" Text="Rela??es de Produtos" Icon="Page">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.RelatorioProdutos()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem3" runat="server" Text="Oportunidade por Campanha" Icon="Page">
                                                            <Listeners>
                                                                <Click Handler="#{DirectMethods}.RelatorioCampanhas()" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                    </Items>
                                                </ext:Menu>
                                            </Menu>
                                        </ext:Button>
                                        <ext:ToolbarSeparator Height="50">
                                        </ext:ToolbarSeparator>
                                        <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                        <ext:Button ID="btLogoff" runat="server" Text="Logoff" Icon="Decline" Scale="Medium"
                                            IconAlign="top">
                                            <Listeners>
                                                <Click Handler="alert('Empresa')" />
                                            </Listeners>
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </BottomBar>
                        </ext:Panel>
                        <ext:TabPanel
                            ID="PanelBody"
                            runat="server"
                            Region="Center"
                            Margins="0 4 4 0"
                            MinTabWidth="115">
                            <Items>
                                <ext:Panel
                                    ID="tabHome"
                                    runat="server"
                                    Title="Principal"
                                    HideMode="Offsets"
                                    BodyStyle="background-image:url('/imagens/fundos/fundo1.gif');background-repeat:no-repeat; background-size: 100%;"
                                    Icon="Application">
                                    <Items>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Items>
    
    
                </ext:Viewport>
    Code In C#

            [DirectMethod]
            public void estados()
            {
                AddTab("estados.aspx");
            }
    
            protected void AddTab(string Pagina)
            {
                Ext.Net.Panel panel = new Ext.Net.Panel
                {
                    Title = "New Tab",
                    Closable = true,
                    Layout = "Fit",
                    Items = { 
                        new UserControlLoader{Path=Pagina}
                    }
                };
                PanelBody.Items.Add(panel);
                panel.Render();
    
    
                PanelBody.SetLastTabAsActive();
            }
    The error occurs below
    Attached Thumbnails Click image for larger version. 

Name:	error.jpg 
Views:	462 
Size:	77.0 KB 
ID:	13101  
    Last edited by Daniil; Jul 02, 2014 at 3:45 PM. Reason: [CLOSED]
  2. #2
    The code you have provided does not reproduce the problem.

    As well, is all that code required to reproduce the problem?
    Geoffrey McGill
    Founder
  3. #3
    This is the code that gives the problem, when I click the Status option of the error, the line below

    PanelBody.Items.Add(panel);
        panel.Render();
    Last edited by geoffrey.mcgill; Jun 27, 2014 at 8:35 PM.
  4. #4
    Hi @ucaneto,

    I've tried to run your code, but it throws a Compiler Error:
    CS1061: 'the page class' does not contain a definition for 'AddTab1'
  5. #5
    The function is not AddTab addtab1, I should have posted more wrong the problem still continues.
    Last edited by geoffrey.mcgill; Jun 27, 2014 at 8:35 PM.
  6. #6
    Please review the forum Guidelines:

    http://forums.ext.net/showthread.php...ing-New-Topics

    http://forums.ext.net/showthread.php...ation-Required

    When you post a sample that demonstrates how to reproduce the problem, we'll be happy to take another look at this thread.
    Geoffrey McGill
    Founder
  7. #7
    I made a simple code, below is the code and the error still occurs.

    WebForm2.aspx

    <%@ Page Language="C#" %>
    
    <script runat="server">
        protected void AddNewTab (object sender, DirectEventArgs e)
        {
            Ext.Net.Panel panel = new Ext.Net.Panel
            {
                Title = "New Tab",
                Closable = true,
                Layout = "Fit",
                Items = {
                    new UserControlLoader{Path="WebForm1.aspx"}
                }
            };
    
            TabPanel2.Add(panel);
            panel.Render();
    
            TabPanel2.SetLastTabAsActive();
        }
    </script>
     
    <!DOCTYPE html>
     
    <html>
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <ext:ResourceManager runat="server" />
                <ext:Viewport ID="Viewport1" runat="server" Layout="border">
                    <Items>
                        <ext:Panel ID="Panel1" runat="server" Collapsible="True" Height="100" Region="North" Split="True" Title="North">
                            <Items>
                                <ext:Button ID="Button1" runat="server" Text="Submit" >
                                    <DirectEvents>
                                        <Click OnEvent="AddNewTab" />
                                    </DirectEvents>
                                </ext:Button>
                            </Items>
                        </ext:Panel>
     
     
                        <ext:Panel ID="Panel9" runat="server" Layout="Fit" Region="Center">
                            <Items>
                                <ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Border="false" Title="Center">
                                    <Items>
                                        <ext:Panel ID="Panel10" runat="server" Closable="true" Title="Tab 1">
                                            <Items></Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:TabPanel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Viewport>
            </div>
        </form>
    </body>
    </html>
    Webform1.aspx

    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
            </div>
        </form>
    </body>
    </html>
    Last edited by ucaneto; Jun 30, 2014 at 4:17 PM.
  8. #8
    In future posts, please add your Code-behind directly into the .aspx. Instead of copy-pasting four files, we only need two.

    Remove ALL code that is unnecessary to reproduce the problem.

    Is the Telerik reference required to reproduce the problem? If yes, we cannot test Telerik with Ext.NET as we do not have access to their controls.
    Geoffrey McGill
    Founder
  9. #9
    No need Telerik, I must have dragged them without some control He will.
    Last edited by geoffrey.mcgill; Jun 30, 2014 at 3:21 PM.
  10. #10
    Please edit your post above and remove the reference to Telerik.

    One last thing, when replying in a thread, please use the "Reply to Thread" button, instead of the "Reply With Quote" button.
    Geoffrey McGill
    Founder
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] confirm codebehind?
    By hdsoso in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: May 28, 2014, 10:30 AM
  2. Replies: 1
    Last Post: Apr 06, 2013, 10:47 AM
  3. Ext.NET & Codebehind
    By plykkegaard in forum Examples and Extras
    Replies: 17
    Last Post: Jul 31, 2012, 2:03 PM
  4. Adding Tab using codebehind
    By gevik in forum 1.x Help
    Replies: 9
    Last Post: Oct 02, 2011, 7:43 PM
  5. Why use Markup instead of Codebehind?
    By dbassett74 in forum 1.x Help
    Replies: 1
    Last Post: Apr 21, 2009, 7:51 PM

Posting Permissions