I am attempting to add an ascx control to the tabpanel.  I see that it has tabpanel.controls.add but i dont see tabpanel.contenttemplate.controls.add. ive tried adding controls to the tabpanel.controls.add but it isnt showing the controls after async postback.

I was able to get a control dynamically added, however I'm gettin errors when trying to update items in a datagrid, the usercontrol does show though.

Hope this helps:

Your userControl needs a ClassName defined in its directive:

<%

@ Control ClassName="ResourceItems" ....

then in the aspx page you want to use it you need to refrence it, which will add it to the asp namespace for this page:

<%

@ Reference Control="Controls/ResourceItems.ascx" %>

Dim tabPanel As New AjaxControlToolkit.TabPanel

tabPanel.HeaderText = "Tab 1"

Dim uc1 As New ASP.ResourceItems

tabPanel.Controls.Add(uc1)

TabContainer1.Tabs.Add(tabPanel)

that didnt work, but im trying a new way.

but im receiving a javascript error during __doPostBack. 

Specified argument was out of the range of valid values.
Parameter name: value

here is my code:

html:

 <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" OnClientActiveTabChanged="ActiveTabChanged"  OnActiveTabChanged="TabContainer1_ActiveTabChanged">              
                    </ajaxToolkit:TabContainer>

codeBehind:

this is done during the createChildControls event

 var ASPTab = new AjaxControlToolkit.TabPanel();
        ASPTab.Attributes["class"] = "tab " + (page.ID == currentPage1.ID ? "activetab" : "inactivetab");
        ASPTab.ID = page.ID.ToString();
        ASPTab.HeaderText = page.Title;
        ASPTab.Height = Unit.Percentage(100);
        ASPTab.Width = Unit.Percentage(100);
        ASPTab.Visible = true;
        //ASPTab.DynamicContextKey = page.ID.ToString();
        //ASPTab.DynamicServiceMethod = "SetupPage_123";
        var UpPanel = new UpdatePanel();
        UpPanel.ID = page.ID.ToString();
       UpPanel.UpdateMode = UpdatePanelUpdateMode.Conditional;
        ASPTab.Controls.Add(UpPanel);
       
        //UpdatePanel1.Controls.Add(ASPTab);
        TabContainer1.Controls.Add(ASPTab);  

end createChildcontrols: 

    protected void TabContainer1_ActiveTabChanged(object sender, EventArgs e)
        {
            var panel = TabContainer1.ActiveTab;
        this.SetupPage(panel.ClientID);
        }

Javascript:

 function ActiveTabChanged(sender, e)
  {         
            var CurrentTab = sender;
        
            var tbPanelID = sender.get_activeTab().get_id()
            var curTab = sender.get_activeTab();
            CurrentTab.innerHTML = sender.get_activeTab().get_headerText();
           
            if ( CurrentTab.innerHTML == "Add a new tab")
            {
                Anthem_InvokePageMethod(
                'addNewTabLinkButton_Click',
                [tbPanelID]
                );
            }
            else
            {
            alert(tbPanelID);
          __doPostBack('TabContainer1', tbPanelID);
            }
  }

Hi,

Were you guys able to resolve this.

I am getting the same error with the following code:

 Try
           
            If Not IsPostBack Then
                Dim aj As New TabPanel
                Dim us As New Control
                Dim upd As New UpdatePanel
                upd.ID = "testmepanel"

                upd.UpdateMode = UpdatePanelUpdateMode.Conditional

                us = LoadControl("Page_Controls/dbIsSmart.ascx")
                aj = New TabPanel
                aj.HeaderText = "Test add"
                aj.ID = "Damian_tab_in"
                upd.ContentTemplateContainer.Controls.Add(us)
                aj.Controls.Add(upd)
                Tabs.Controls.Add(aj)

            End If
           

        Catch ex As Exception

        End Try


 

Did anyone get an ansver / fix for this question?
I see a lot of questions about this tabpanel-problem, but no solutions...

found a solution:

 

Load the control in the PageInit and not the PageLoad event 

gfadda:

found a solution:

Load the control in the PageInit and not the PageLoad event 

Can you share some sample code? How can you load in Page_Init when you are dynamically loading UserControls based on a Button Click event?

Hi, I have only commented out the code statement where the exception is thrown and rebuild the AjaxControlToolkit library.

And my applications did not effected in a nagative way.

Creating the dynamic controls in the Page_Init worked fine with setting the active tab correctly without throwing an error. But this was not enough for my case because I need the values from other methods that trigger later in the page life cycle.

So I chosed editing the AjaxControlToolkit library, TabContainer.cs line number 124 where the ArgumentOutOfRangeException is thrown.

I just commented out this line of code.

 

Eralper

http://www.kodyaz.com

 

below is the perfect solution.

http://siderite.blogspot.com/2007/07/fixing-tabcontainer-to-work-with.html