What's New?

Add tab dynamically not working in version 2.0

  1. #1
    Aug 07, 2012, 12:05 AM

    Add tab dynamically not working in version 2.0

    i'm having issues with loading an external page dynamically using add tab (function). i implemented this successfully with version 1 but not working with version 2. i also observed that menupanel automatically removes menuitem on click.. i've attached the two pages with this post.. any help?

    [CODE] {
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="CS_Default" %>

    <!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>::Manila - Customer Service Center</title>
    <ext:XScript ID="XScript1" runat="server">
    <script type="text/javascript">
    var addTab = function (tabPanel, id, url, Title,mnPanel) {
    var tab = tabPanel.getComponent(id);

    if (!tab) {
    tab = tabPanel.add({
    id: id,
    title: Title,
    closable: false,
    loader: {
    showMask: true,
    url: url,
    mode: "frame",
    msg: "Loading " + url + "..."
    }
    });
    tab.on("activate", function (tab) {
    #{mnPanel}.setSelection(tab.menuItem);

    });
    }

    tabPanel.setActiveTab(tab);
    }



    var navigate = function (url) {
    if (null != url) {
    window.location.href = url.toString();
    }
    }
    </script>
    </ext:XScript>
    </head>
    <body>
    <form id="form1" runat="server">
    <ext:resourcemanager ID="ResourceManager1" runat="server" Theme="Access" />

    <ext:Viewport ID="Viewport2" runat="server" Layout="border">
    <Items>

    <ext:Panel ID="Panel2" runat="server" Collapsible="true" Layout="Fit" Region="East"
    Split="true" Width="200">
    <Items>
    <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Border="false" TabPosition="Bottom"
    Title="Title">
    <Items>
    <ext:Panel ID="Panel3" runat="server" Title="Quick List">
    <Items>
    </Items>
    </ext:Panel>

    </Items>
    </ext:TabPanel>
    </Items>
    </ext:Panel>

    <ext:Panel ID="MenuPanel1" runat="server" Collapsible="true" Layout="accordion" Region="West"
    Split="true" Width="190">
    <Items>
    <ext:MenuPanel ID="mnCIS" runat="server" Border="false" Collapsed="false" Icon="FolderGo"
    Title="Customer Information">
    <Menu runat="server">
    <Items>
    <ext:MenuItem ID="mnCSReg" runat="server" Text="Register New Customer" Icon="PencilAdd" >
    <Listeners>
    <Click Handler="addTab(#{windowTab}, 'mnCSReg', 'Customer Reg.aspx','Create New Customer',#{mnCSReg});" />
    </Listeners>
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSgrid" runat="server" Text="Customers (Grid View)" Icon="AwardStarGold3" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSForm" runat="server" Text="Customers (Form View)" Icon="CogStart" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSDashboard" runat="server" Text="Customers Dashboard" Icon="RecordGreen" >
    </ext:MenuItem>
    </Items>
    </Menu>
    </ext:MenuPanel>
    <ext:MenuPanel ID="Panel8" runat="server" Border="false" Collapsed="true" Icon="FolderWrench"
    Title="Account Enquiry">
    <Menu runat="server" >
    <Items>

    <ext:MenuItem ID="mnACQuery" runat="server" Text="Account Enquiry" Icon="BookRed" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnACBalamce" runat="server" Text="Account Balance" Icon="BookKey" >
    </ext:MenuItem>
    </Items>
    </Menu>

    </ext:MenuPanel>
    <ext:MenuPanel ID="mnAccountMgt" runat="server" Border="true" Collapsible="true" Icon="WrenchOrange"
    Title="Account Management">
    <Menu runat ="server" >
    <Items>
    <ext:MenuItem Text="Register Book" runat="server" ID="mnRegBook" Icon="PluginAdd" >
    </ext:MenuItem>
    <ext:MenuItem Text="Book Allocation" runat="server" ID="mnBookAlloc" Icon="PluginEdit" >
    </ext:MenuItem>
    <ext:MenuItem Text="Book Lock" runat="server" ID="mnBookLock" Icon="LockKey" >
    </ext:MenuItem>
    </Items>
    </Menu>
    </ext:MenuPanel>
    </Items>
    </ext:Panel>
    <ext:Panel ID="pn" runat="server" Height="550" Region="Center" >
    <Items>
    <ext:TabPanel ID="windowTab"
    AutoRender="true" runat="server" Height="550" />
    </Items>
    </ext:Panel>

    </Items>
    </ext:Viewport>
    <%-- <ext:viewport ID="Viewport1" runat="server" Layout="border">
    <Items>



    <ext:Panel ID="Panel6" runat="server" Collapsible="true" Layout="accordion" Region="West"
    Split="true" Width="190">
    <Items>
    <ext:MenuPanel ID="mnCIS" runat="server" Border="false" Collapsed="false" Icon="FolderGo"
    Title="Customer Information">
    <Menu ID="Menu1" runat="server">
    <Items>
    <ext:MenuItem ID="mnCSReg" runat="server" Text="Register New Customer" Icon="PencilAdd" >
    <Listeners>
    <Click Handler="addTab(#{windowTab}, 'mnCSReg', 'Customer Reg.aspx','Create New Customer');" />
    </Listeners>
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSgrid" runat="server" Text="Customers (Grid View)" Icon="AwardStarGold3" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSForm" runat="server" Text="Customers (Form View)" Icon="CogStart" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnCSDashboard" runat="server" Text="Customers Dashboard" Icon="RecordGreen" >
    </ext:MenuItem>
    </Items>
    </Menu>
    </ext:MenuPanel>
    <ext:MenuPanel ID="Panel8" runat="server" Border="false" Collapsed="true" Icon="FolderWrench"
    Title="Account Enquiry">
    <Menu runat="server" >
    <Items>

    <ext:MenuItem ID="mnACQuery" runat="server" Text="Account Enquiry" Icon="BookRed" >
    </ext:MenuItem>
    <ext:MenuItem ID="mnACBalamce" runat="server" Text="Account Balance" Icon="BookKey" >
    </ext:MenuItem>
    </Items>
    </Menu>

    </ext:MenuPanel>
    <ext:MenuPanel ID="mnAccountMgt" runat="server" Border="true" Collapsible="true" Icon="WrenchOrange"
    Title="Account Management">
    <Menu runat ="server" >
    <Items>
    <ext:MenuItem Text="Register Book" runat="server" ID="mnRegBook" Icon="PluginAdd" >
    </ext:MenuItem>
    <ext:MenuItem Text="Book Allocation" runat="server" ID="mnBookAlloc" Icon="PluginEdit" >
    </ext:MenuItem>
    <ext:MenuItem Text="Book Lock" runat="server" ID="mnBookLock" Icon="LockKey" >
    </ext:MenuItem>
    </Items>
    </Menu>
    </ext:MenuPanel>
    </Items>
    </ext:Panel>
    <ext:Panel ID="Panel9" runat="server" Layout="Fit" Region="Center" >
    <Items>
    <%--<ext:TabPanel ID="windowTab" runat="server" ActiveTabIndex="0" Border="false" Title="Center">
    <Items>
    <ext:Panel ID="Panel10" runat="server" Title="::Welcome::">
    <Items>
    </Items>
    </ext:Panel>

    </Items>
    </ext:TabPanel>
    <ext:TabPanel ID="windowTab" runat="server" Region="Center" />
    </Items>
    </ext:Panel>
    </Items>
    </ext:viewport>--%>
    </form>
    </body>
    </html>

    }

    Customer Reg.aspx::
    [CODE]
    {


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Customer Reg.aspx.cs" Inherits="CS_Customer_Reg" %>

    <!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>
    </head>
    <body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />

    <ext:FormPanel ID="FormPanel1" runat="server" ButtonAlign="Right" Height="185" Padding="5"
    Title="Customer Registration" Width="800">
    <Items>
    <ext:TextField ID="txACTitle" runat="server" FieldLabel="Label">
    </ext:TextField>
    <ext:FieldSet ID="FieldSet1" runat="server" Collapsible="true" Anchor="100%" Title="-biodata" >
    <items>
    <ext:FieldContainer ID="FieldContainer1" FieldLabel="Name"
    CombineErrors="true"
    MsgTarget="Under"
    Layout="HBoxLayout" runat="server">
    <Items>
    <ext:TextField ID="txSurname" runat="server" Note="Surname" NoteAlign="Down" Margins="0 3 0 0" />
    <ext:TextField ID="txFirstname" NoteAlign="Down" Note="Fisrtname" runat="server" Margins="0 3 0 0" />
    <ext:TextField ID="txOthername" Note="Othername(s)" NoteAlign="Down" runat="server" Margins="0 3 0 0" />
    </Items>
    </ext:FieldContainer>
    <ext:DisplayField ID="DisplayField1"
    runat="server"
    Text="Surname, Firstname, Othernames" />

    </items>
    </ext:FieldSet>
    </Items>

    <Buttons>
    <ext:Button ID="Button1" runat="server" Icon="Disk" Text="Submit">
    </ext:Button>
    </Buttons>
    </ext:FormPanel>

    </form>
    </body>
    </html>
    }
    Attached Files
    Last edited by shupor; Aug 07, 2012 at 6:33 AM.
  2. #2
    Aug 07, 2012, 2:13 AM
    Hello,

    It would be best if you could post the text of your files directly in the forum posts. Please wrap each code sample in [CODE] tags.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter

Similar Threads

  1. Dynamically created Window with AutoLoad not working
    By CooliteFan in forum 1.x Help
    Replies: 5
    Last Post: Aug 07, 2012, 12:07 AM
  2. [FIXED] [2.0 Beta 2] Custom Window with Record Details (AJAX Version) not working
    By rlucan in forum Bugs
    Replies: 1
    Last Post: Apr 22, 2012, 3:17 PM
  3. I added some controls dynamically to my .aspx page and the FindControl is not working for me...
    By RonaldR in forum 1.x Help
    Replies: 2
    Last Post: Feb 01, 2012, 8:53 PM
  4. ext.net control not working on internet exploer 8 version
    By shrenuj_dev in forum 1.x Help
    Replies: 1
    Last Post: May 20, 2011, 6:08 AM
  5. Help With Tree Grid 1.0 version DLL. DYnamic binding not working.
    By wantToUseCOOLITE in forum 1.x Help
    Replies: 11
    Last Post: Oct 21, 2010, 1:35 PM

Tags for this Thread

Posting Permissions