자바 스크립트를 사용하여 Ajax TabContainer에서 ActiveTabIndex 가져 오기

Question

사용자가 탭을 선택하면 TabContainer에서 ActiveTabIndex를 어떻게 얻을 수 있습니까? 다음을 시도했지만 작동하지 않습니다.

<script type="text/javascript"> 
    function TabChange() { 
     var tc = document.getElementById("TabContainer1") 
     alert(tc.ActiveTabIndex); 
    } 
</script> 

<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="300px" 
     Width="300px" CssClass="MyTabStyle" OnClientActiveTabChanged="TabChange"> 
     <asp:TabPanel runat="server" HeaderText="First" ID="TabPanel1"> 
      <ContentTemplate> 
       <h1> 
        Tab 1 
       </h1> 
      </ContentTemplate> 
     </asp:TabPanel> 
     <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Second"> 
      <ContentTemplate> 
       <h1> 
        Tab 2 
       </h1> 
      </ContentTemplate> 
     </asp:TabPanel> 
</asp:TabContainer> 

Answer 1

ASPX :

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" OnClientActiveTabChanged="clientActiveTabChanged"> 
<ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Test1"> 
    <ContentTemplate>Test1</ContentTemplate> 
</ajaxToolkit:TabPanel> 
<ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Test2"> 
    <ContentTemplate>Test2</ContentTemplate> 
</ajaxToolkit:TabPanel> 
<ajaxToolkit:TabPanel ID="TabPanel3" runat="server" HeaderText="Test3"> 
    <ContentTemplate>Test3</ContentTemplate> 
</ajaxToolkit:TabPanel> 

JS :

<script type="text/javascript"> 

function clientActiveTabChanged(sender, args) { 

    alert(sender.get_activeTabIndex()); 
}