идентификатор активной вкладки ajax

У меня есть вкладка с набором инструментов управления ajax. Как я могу определить идентификатор активной вкладки с помощью javascript или jquery? ниже будет Tab_Monitor, если эта вкладка активна.

Я пробовал все образцы, но не могу найти решение.

спасибо дамо

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

person user1438082    schedule 22.10.2012    source источник


Ответы (2)


Код не тестировался. Насколько я помню, при выборе любой вкладки к этому div применяется класс .ajax__tab_active. Таким образом, для получения идентификатора выбранной вкладки можно использовать следующее.

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

Вы можете настроить селектор в зависимости от ваших потребностей.

person Tariqulazam    schedule 22.10.2012
comment
Большое спасибо. не дает мне точно идентификатор вкладки, но он будет работать. возвращаемое значение TabContainerMain_Tab_Monitor_Tab , где я ожидал только идентификатор вкладки Tab_Monitor. - person user1438082; 23.10.2012
comment
Я рад, что это сработало. Поскольку у него есть тег runat=server, сгенерированный идентификатор будет отличаться от объявленного идентификатора этого элемента управления. - person Tariqulazam; 24.10.2012

Клиентский компонент Ajax Control Toolkit TabContainer поддерживает методы get_activeTab и get_activeTabIndex.

Вы можете получить доступ к этим методам, используя следующий код JS:

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

Изменить:

Вы также можете просмотреть Как выбрать вкладку из TabCointainer (AjaxToolKit) где ребята предлагают то же самое.

person Maxim Kornilov    schedule 22.10.2012