Set ActiveTabIndex on Ajax TabContainer inside CompositeControl

Question

I am creating a CompositeControl in VB ASP.NET.

My control has an Ajax TabContainer with several TabPanels. I need to code it so a value on the querystring can set the container's ActiveTab.

Regardless of the querystring piece of this issue, in my CreateChildControl code, I am setting the ActiveTabIndex to a valid index position, but the UI still has the index 0 as active.

Any tips? Any help?

Answer 1

Any workaround for this? I have the same problem. Any help appreciated.

Thanks, R.

Answer 2

For us, specifically, we coded the Javascript needed to get us through this. The displayed page had a TabContainer. On the first tab (the actively displayed tab), we had descriptions of each tab and then a link to them. Clicking the link should make the tab active. Here is what a team member did.

On the hyperlink, added an attribute for "OnClick" to a new JavaScript method we called "ChangeTab". Pass into the method an arbitrary index number to give uniqueness to the different tabs and the tab control's client id

During the ASP.NET's pre render, we have this bit of code

    Protected Overrides Sub OnPreRender(ByVal e As System.EventArgs)
        MyBase.OnPreRender(e)

        Dim script As New System.Text.StringBuilder()

        script.AppendLine("<script type=""text/javascript"">")
        script.AppendLine("//<![CDATA[ ")
        script.AppendLine("function ChangeTab(num,tabContainer) {")
        script.AppendLine("   var container = $find(tabContainer);")
        script.AppendLine("   container.set_activeTabIndex(num);")
        script.AppendLine("}")
        script.AppendLine("//]]>")
        script.AppendLine("</script>")

        Page.ClientScript.RegisterClientScriptBlock(GetType(myPageOrControl), " ChangeTab", script.ToString)
    End Sub

The end result is client scripting that will set the tab active when the link is clicked.