如何使用jquery或javascript獲取tabcontainer ID？

Question

我在updatepanel中有一個tabcontainer，我想在tabcontainer下面顯示gridview。 在選項卡容器內部，當我按下每個選項卡時可以更改，但是當選項卡單擊時我無法在網格視圖中進行更改。

目前我可以看到下面的javascript工作正如我確認使用警報。

<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.13.custom.min.js">
</script>
<script type="text/javascript">
function tabClick() {

    var selected_tab = $("#TabContainer1").tabs();


    alert(selected_tab);
    return;
}

我有一個tabcontainer如下

<asp:UpdatePanel ID="EmployeeInfoUpdatePanel" runat="server">
    <ContentTemplate>
    <div style="padding-left:205px">
        <asp:TabContainer ID="TabContainer1" runat="server" Width="955px" 
            Height="350px"  CssClass="fancy fancy-green" ActiveTabIndex="0" OnClientActiveTabChanged="tabClick">
            <asp:TabPanel ID="companyTab" HeaderText="Company" runat="server"  ForeColor="Black">  
                <ContentTemplate>
                       codes....

我搜索並找到了一些代碼，例如tab.get_activetab，但它不起作用。 如果我輸入selected_tab。 和visual studio提出了我可以選擇的選項，但get_activetab或_activeTabIndex沒有選項

我想獲得一個活動的標簽ID並將參數傳遞給C＃代碼。

可能嗎？？

有人可以幫忙嗎？

謝謝

Answer 1

首先，您可以從jquery對象或本機javascript對象中獲取任何元素的id

   // jquery get id of html element
   $(myJquerySelector)[0].id
   $(myJquerySelector).attr('id');

   // native js get id of html element
   document.querySelector(myNativeSelector).id;
   document.getElementById(theID).id;

但你的問題超出了這個范圍。 要獲取活動選項卡的ID，您需要獲取該選項卡

   $('.ui-tabs-active')[0].id // will give you the id of the active tab

然后將其傳遞給您的服務器，您將需要AJAX 。 所以類似於：

   $.post('/my/server/path', { id : $('.ui-tabs-active')[0].id });

這會將活動標簽的ID發布到您的服務器和c＃。

Answer 2

對於直接的javascript函數，我使用下面的代碼來獲取活動選項卡：

 var tab = document.getElementById('tabContainer');
 var currentTabIndex = tab.control.get_activeTabIndex();
 var currentTabId = tab.control._tabs[currentTabIndex]._tab.id;

然后，使用一些AJAX將id返回給服務器。