通过 Tab ID 在 TabContainer 中切换 Ajax 选项卡答案

【问题标题】：Switch Ajax Tabs in TabContainer by Tab ID通过 Tab ID 在 TabContainer 中切换 Ajax 选项卡
【发布时间】：2012-10-04 21:17:26
【问题描述】：

我有一个 ajax 控制工具包TabContainer。活动选项卡通过以下方式使用 c# 进行控制。我的标签容器上有很多标签。

是否可以通过引用 C# 中的选项卡 ID 而不是选项卡的编号来切换选项卡？

TabContainerMain.ActiveTabIndex = 5;

HTML

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

【问题讨论】：

标签： c# asp.net html ajax ajaxcontroltoolkit

【解决方案1】：

是的，您可以使用ActiveTab 属性。例如：

得到

if(TabContainerMain.ActiveTab == this.Tab_Remove_Item)
{
    // ...
}

设置

TabContainerMain.ActiveTab = this.Tab_2nd_Sign_System;

如果您只有 ID 作为字符串，则可以使用 LINQ（或循环）来获取参考：

String tabPanelID = "Tab_Remove_Item";
TabContainerMain.ActiveTab = TabContainerMain.Tabs
    .Cast<AjaxControlToolkit.TabPanel>()
    .First(t => t.ID == tabPanelID);

【讨论】：