How to select a tab from TabCointainer (AjaxToolKit)

Question

How can I select a tab programmatically of a TabContainer? and also how can I get the selected Tab?

Answer 1

You can set the Tab Index like...

tbcName.ActiveTabIndex = 3;

and similarly

tbcName.ActiveTabIndex// Return active tab index

Please note, tab Index start from 0

Answer 2

Here is a complete list of TabContainer 's properties taken from here :

TabContainer Properties

    ActiveTabChanged (Event) - Fired on the server side when a tab is changed after a
postback
    OnClientActiveTabChanged - The name of a javascript function to attach to the
client-side tabChanged event
    CssClass - A css class override used to define a custom look and feel for the tabs.
See the Tabs Theming section for more details.
    ActiveTabIndex - The first tab to show
    Height - sets the height of the body of the tabs (does not include the TabPanel
headers)
    Width - sets the width of the body of the tabs
    ScrollBars - Whether to display scrollbars (None, Horizontal, Vertical, Both, Auto)
in the body of the TabContainer
    TabStripPlacement - Whether to render the tabs on top of the container or below
(Top, Bottom)

Useful links with sample code:

http://sandblogaspnet.blogspot.com/2009/04/setting-focus-to-particular-tab-in.html

tabContainer = tabContainer.control;
//Retrieving the tab using the get_activeTab method/property
var tab = tabContainer.get_activeTab();
var headerText = tab.get_headerText();
alert(headerText);
//Another way of retrieving the tab using the get_previousTab method/property
tab = tabContainer.getPreviousTab();
alert(tab.get_tabIndex());

3 Tips for Working with the AjaxControlToolkit's TabContainer Control

Answer 3

yourTabContainer.ActiveTab = tabIndex;