Tab script add tab and remove tab

[Siang]

Is there any way to add tab or remove tab when click button?

[Muralishankar Sundaram]

Hi Siang, 

Thank you for using Syncfusion products. 

Yes, By handling the Tabstrip object you can easily add and remove the tab manually. Please refer the following code snippet:

<code>

[CS]

protected void button2_Click(object Sender, Syncfusion.Web.UI.WebControls.Shared.ButtonAdvControl.ButtonAdvClickEventArgs e)

        {

            tab.Items.RemoveAt(tab.Items.Count-1);

        }

 

        protected void ButtonAdv1_Click(object Sender, Syncfusion.Web.UI.WebControls.Shared.ButtonAdvControl.ButtonAdvClickEventArgs e)

        {

            tab.Items.Add(new TabStripItem() { Text = "Sample" });

        }

</code>

we have attached the sample solution for add and remove tab action. 

Regards,

Muralishankar

Attachment: Tab_add_4918ce7b.zip

[Siang]

How about if using tab strip with multi page?

Is there any sample?

[Siang]

Hi, Muralishankar Sundaram

Actually I facing the problem when create new TabStripItem with a PageView.

When I click the button to create the TabStripItem with PageView at the first time, it worked ok.
However when I click the button second time or more, the TabStripItem is create but the PageView is replaced the previous PageView.

No matter how many times I click the button, only the Items in the TapStrip are increasing but the total PageView in the MultiPage keep remain at 1.

Here is my code.

-------------------------------------------------------------------------------------------------------------------------------------

[asp .net]

 <syncfusion:TabStrip ID="TabStripControl1" runat="server" Width="1024px" AutoFormat="Multiple Pages" MultiPageID="MultiPageControl1">

</syncfusion:TabStrip>                         

                                   

<syncfusion:MultiPage ID="MultiPageControl1" runat="server">

</syncfusion:MultiPage>

-------------------------------------------------------------------------------------------------------------------------------------

[CS]

int id = TabStripControl1.Items.Count + 1;

Label newLabel = new Label() { ID = "LabelControl"+id, Text = "Label"+id };

PageView newPageView = new PageView() { ID = "PageViewControl" + id };

newPageView.Controls.Add(newLabel);

MultiPageControl1.Controls.Add(newPageView);

TabStripItem newTabStripItem = new TabStripItem() { ID = "TabStripItemControl" + id, PageViewID = "PageViewControl" + id, Text = "Tab"+id};

TabStripControl1.Items.Add(newTabStripItem);

[Muralishankar Sundaram]

Hi Siang, 

Sorry about the inconvenience caused. 

We are able to reproduce the reported issue "Multipage is not maintaining the pageview state on the post back" with Tab control. we have logged the reported issue  as defect and working on it. In order to get fix, please contact us at Syncfusion Support or you may also open a support ticket by login in to direct trac account and mention this forum link for reference. 

Kindly let us know if you have further queries.  

Regards,

Muralishankar