How to select a tab from TabCointainer (AjaxToolKit)
How can I select a tab programmatically of a TabContainer? and also ho开发者_运维技巧w can I get the selected Tab?
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
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
yourTabContainer.ActiveTab = tabIndex;
精彩评论