Question

我有一个ajax控件工具包tabcontainer。如何使用javascript或jquery确定活动选项卡的ID？即如果该标签处于活动状态，它将是Tab_Monitor。

我已经尝试了所有样品，但找不到解决方案。

感谢 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>

Answer 1

代码未经测试。我记得，当选择任何选项卡时，.ajax__tab_active类将应用于该div。因此，以下内容可用于获取所选选项卡的ID

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

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

Answer 2

Ajax Control Toolkit TabContainer客户端组件支持get_activeTab和get_activeTabIndex方法。

您可以使用以下JS代码访问此方法：

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

修改

您还可以查看How to select a tab from TabCointainer (AjaxToolKit)其他人提出的建议。

ajax活动标签ID

2 个答案: