2012-10-22 70 views
0

我有一个ajax控件工具包tabcontainer。我如何确定使用JavaScript或jQuery的活动选项卡的ID? 即在该选项卡处于活动状态时,它将在Tab_Monitor之下。ajax活动标签ID

我试过所有的样品,但找不到解决方案。

感谢 DAMO

<asp:TabContainer ID="TabContainerMain" runat="server" ActiveTabIndex="4" Width="100%" 
Height="100%" CssClass="" ViewStateMode="Enabled"> 
    <asp:TabPanel runat="server" HeaderText="test" ID="Tab_Monitor"> 
     <ContentTemplate> 
     <div class="TabControls"> 
      <p>Howdy, I'm in Section Tab_Monitor.</p> 
     <div> 

回答

2

代码没有经过测试。正如我可以记住,当选择任何选项卡时,.ajax__tab_active类将应用于该div。所以下面可以用来抓取选定的选项卡

alert($(".ajax__tab_active").first().attr('id')); 

您可以自定义根据您的需要选择器的ID。

+0

非常感谢。不会给我完全的标签ID,但它会起作用。它返回的值是TabContainerMain_Tab_Monitor_Tab,在那里我期望的是Tab_Monitor – user1438082

+0

这个标签的ID,我很高兴它的工作。由于它具有runat =“server”标签,生成的标识将与该控件的声明标识不同。 – Tariqulazam

+0

完美,它的工作离开! – user1438082

2

Ajax控件工具包TabContainer客户端组件支持get_activeTab和get_activeTabIndex方法。

您可以使用下面的JS代码访问此方法:

$find('<%=TabContainerMain.ClientID %>').get_activeTab(); 

编辑:

您还可以查看How to select a tab from TabCointainer (AjaxToolKit)哪里人建议相同。