Question

我有以下代码用于标签控件

<asp:TabContainer ID="exteriorDataTabsContainer" runat="server" Height="150px" Width="400px" ActiveTabIndex="1" style="visibility:visible">
                        <asp:TabPanel HeaderText = "Create task" >
                        <ContentTemplate>
                        create task
                        </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel HeaderText = "Upload task data">
                        <ContentTemplate>
                        upload task data
                        </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel HeaderText = "Download task data" >
                        <ContentTemplate>
                        download task data
                        </ContentTemplate>
                        </asp:TabPanel>
                        </asp:TabContainer>

渲染时它看起来像

<div id="ctl00_ContentPlaceHolder1_exteriorDataTabsContainer" class="ajax__tab_xp" style="width:400px;visibility:hidden;">
    <div id="ctl00_ContentPlaceHolder1_exteriorDataTabsContainer_header" class="ajax__tab_header">

    </div><div id="ctl00_ContentPlaceHolder1_exteriorDataTabsContainer_body" class="ajax__tab_body" style="height:150px;display:block;">

为什么div被隐藏在那里？如何让它可见？

Answer 1

将runat="server"添加到您的asp:TabPanel

试试这个：

<asp:TabContainer ID="exteriorDataTabsContainer"  ActiveTabIndex="1" runat="server" Height="150px" Width="400px" style="visibility:visible">
                        <asp:TabPanel HeaderText = "Create task" runat="server" ID="a1"   >
                        <ContentTemplate>

                        create task
                        </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel HeaderText = "Upload task data" runat="server" ID="a2" >
                        <ContentTemplate>
                        upload task data
                        </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel HeaderText = "Download task data" runat="server" ID="a3" >
                        <ContentTemplate>
                        download task data
                        </ContentTemplate>
                        </asp:TabPanel>
                        </asp:TabContainer>

ASP.NET AJAX控件工具包选项卡控件未显示

1 个答案: