[CLOSED] Adding a New Tab to TabPanel

Printable View

Feb 01, 2011, 11:42 PM
ndotis

[CLOSED] Adding a New Tab to TabPanel

Hello

I am not able to add new tab to a tabpanel, Here is the simplied Code, please tell me what am i missing??
also, Can i add a new tab of type "ext:Window" autoLoad with a URL ??

Thanks

TabPanel.aspx

Code:

<%@ Page Title="" Language="VB" AutoEventWireup="false" CodeFile="TabPanel.aspx.vb" Inherits="TabPanel" %> <%@ 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 id="Head1" runat="server"> <title>Ext.NET Example</title> </head> <body> <form runat="server" > <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" /> <ext:TabPanel ID="myTabPanel" runat="server" Width="450"> <Items> <ext:Panel ID="first" runat="server" Html="First Tab" Title="First" AutoHeight="true" Padding="6" /> <ext:Panel ID="Second" runat="server" Html="Second tab" Title="Second" AutoHeight="true" Padding="6"/> </Items> </ext:TabPanel> <ext:Panel ID="newTab" runat="server" Title="RFC Details" AutoHeight="true" Hidden="true"> <Content> This is the newly added tab </Content> </ext:Panel> <ext:Button runat="server" ID="btnAddTab" Text="Add new Tab" StyleSpec="margin-left:10px;padding-top:50px;" > <DirectEvents> <Click OnEvent="AddTab" /> </DirectEvents> </ext:Button> </form> </body> </html>

TabPanel.aspx.vb

Code:

Imports Ext.Net Partial Class TabPanel Inherits System.Web.UI.Page Protected Sub AddTab(ByVal sender As Object, ByVal e As DirectEventArgs) 'Add the window to the tab Me.myTabPanel.Items.Add(Me.newTab) Me.myTabPanel.SetActiveTab(2) Me.myTabPanel.Reload() End Sub End Class
Feb 02, 2011, 5:53 AM
plykkegaard

Have you checked the examples?
https://examples1.ext.net/#/TabPanel/Basic/Add_Tabs/

hth /Peter
Feb 02, 2011, 9:54 AM
Daniil

Hi all,

Thank Peter, this example can help to @ndotis.

Also please look at the example how we can add a new tab during DirectEvent/DirectMethod.

Example

Code:

<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <script runat="server"> protected void TestDirectEventHandler(object sender, DirectEventArgs e) { var t = new Ext.Net.Panel() { Title = "New tab", ID = "NewTabID", Html = "Tab1's content" }; t.AddTo(this.TabPanel1); this.TabPanel1.SetActiveTab(t.ClientID); } </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 runat="server"> <title>Ext.Net Example</title> </head> <body> <form runat="server"> <ext:ResourceManager runat="server" /> <ext:TabPanel ID="TabPanel1" runat="server" Height="200"> <Items> <ext:Panel runat="server" Title="Tab1" Html="Tab1's content" /> <ext:Panel runat="server" Title="Tab2" Html="Tab1's content" /> </Items> </ext:TabPanel> <ext:Button runat="server" Text="Add new tab" OnDirectClick="TestDirectEventHandler" /> </form> </body> </html>
Feb 02, 2011, 5:07 PM
ndotis

Yes, it worked great, trick was, add the new Panel/component to the tabPanel not the otherway around.
Thanx, mark this solved.
Jun 29, 2012, 10:42 AM
Roshan

Hi Sir,

I am facing same Scenario just difference is that

I have Kept TabPanel in assume Home.aspx

and i want to add another tab on cell click of grid Which present in Page2.aspx

So can you provide me solution

like what should i'll write instead of

"this.TabPanel1"

As above Problem that you have solved.
Jun 29, 2012, 11:55 AM
Daniil

Hi @Roshan,

Please start a new forum thread. If you feel the threads are related, please feel free to cross link between the two.
Jun 30, 2012, 6:05 AM
Roshan

Hi Sir

Sir I don't have enough Privileges to start new forum
Because of that am requesting you if possible please ans me on this thread .

Thanks
Jun 30, 2012, 6:38 AM
plykkegaard

Use the Community Forums

Thanks /Peter