代码之家  ›  专栏  ›  技术社区  ›  Sheikh Rahat Ali

启用选项卡容器中的禁用选项卡

  •  1
  • Sheikh Rahat Ali  · 技术社区  · 15 年前

    我在ASPX页面中有一个选项卡容器,我想启用禁用ASPX页面中的最后一个选项卡。我的选项卡容器如下所示

    <asp:TabContainer runat="server" ID="tabContainer">
    <asp:TabPanel runat="server" ID="tabSettings" HeaderText="Settings">
    <HeaderTemplate>Settings</HeaderTemplate>
    <ContentTemplate>
    <spsp:SlidingParametersSettingsPage ID="SlidingParametersSettingsPage" runat="server" />
    </ContentTemplate>
    </asp:TabPanel>
    <asp:TabPanel runat="server" ID="tabRegionSelectionSettings" HeaderText="Exclude / Include Regions">
    <HeaderTemplate>Exclude / Include Regions</HeaderTemplate>
    <ContentTemplate>
    <rssp:RegionSelectionSettingsPage ID="RegionSelectionSettingsPage" runat="server" />
    </ContentTemplate>
    </asp:TabPanel>
    <asp:TabPanel runat="server" ID="tabAdvanceSettings" HeaderText="Advance Settings">
    <HeaderTemplate>Advance Settings</HeaderTemplate>
    <ContentTemplate>
    <sfpsp:SmokeFireParametersSettingsPage ID="SmokeFireParametersSettingsPage" runat="server" />
    <ssp:SakbotSettingsPage ID="SakbotSettingsPage" runat="server" />
    </ContentTemplate>
    </asp:TabPanel>
    </asp:TabContainer>
    
    <script language="javascript" type="text/javascript">
        $find('<%=tabContainer.ClientID%>').get_tabs()[2].set_enabled(false);
    </script>
    

    现在,为了禁用最后一个选项卡,我在代码隐藏页面加载中使用了以下内容:

    //tabAdvanceSettings.Enabled = false;
    

    当用户使用如下所示的ctrl+shif+a等shotrcut时,我还希望在客户端启用此选项卡面板,但此快捷方式仅启用选项卡,而不启用最后一个选项卡中的两个用户控件ptresent。启用最后一个选项卡的代码是:

    if (e.keyCode == 65 && isCtrl == true && isShift == true) // Ctrl + Shift + A
    {
        $find('<%=tabContainer.ClientID%>').get_tabs()[2].set_enabled(true);            
    }
    

    如何启用最后一个选项卡以及最后一个选项卡中存在的控件?

    2 回复  |  直到 14 年前
        1
  •  2
  •   VinayC    15 年前

    当您从服务器端禁用选项卡时,它将禁用作为服务器端的所有组件子项。因此,您需要做的是发射启动Java脚本来禁用客户端的选项卡。在服务器端,选项卡及其所有子控件将始终保持启用状态。

        2
  •  1
  •   John Conde    14 年前

    我已经解决了这个问题,将以下代码放在页面末尾的javascript中,就在 </asp:content>

    var tc = document.getElementById('<%= tabContainer.ClientID %>'); tc.firstChild.childNodes[2].style.visibility = "hidden";
    
    推荐文章