Question

在ASP.NET中使用C＃如何在没有回发的情况下设置面板可见？我在页面中有三个面板，通过单击3个链接按钮进行切换。单击一个按钮时，一个面板设置为可见，另一个面板不可见。我需要在那时只显示所选链接的面板。

是否可以在不回复帖子的情况下在java脚本中设置面板的可见性？

这是我的aspx代码：

 <asp:Panel ID="panelTxtImage" runat="server" 

    style="z-index: 1; left: 438px; top: 116px; position: absolute; height: 218px; width: 521px">
    <asp:Panel ID="PanelDropQuest" runat="server" 

        <asp:Label ID="LabelQuestGroup" runat="server" 
            style="z-index: 1; left: 15px; top: 13px; position: absolute; height: 24px; width: 131px;" 
            Text="Question Group" Font-Bold="True"></asp:Label>
        <asp:CheckBox ID="CheckBoxImage" runat="server" 
            style="z-index: 1; left: 107px; top: 101px; position: absolute" />
    </asp:Panel>
    <asp:DropDownList ID="DropQuestions" runat="server" 
     style="z-index: 1; left: 173px; top: 33px; position: absolute; height: 19px; width: 274px">
        <asp:ListItem Value="-1">Select</asp:ListItem>
    </asp:DropDownList>
    <asp:Label ID="LabelQuestion" runat="server" Font-Bold="True" 
        style="z-index: 1; left: 52px; top: 89px; position: absolute; height: 28px; width: 52px" 
        Text="Question"></asp:Label>
    <asp:TextBox ID="TxtWriteQuestion" runat="server" 
        style="z-index: 1; left: 173px; top: 85px; position: absolute; height: 24px; width: 325px" 
        TextMode="MultiLine"></asp:TextBox>
    <asp:Label ID="LabelImage" runat="server" Font-Bold="True" 
        style="z-index: 1; left: 47px; top: 124px; position: absolute; height: 20px; width: 105px" 
        Text="Capture Image"></asp:Label>
    <asp:Panel ID="Panel2" runat="server" 
        style="z-index: 1; left: 45px; top: 255px; position: absolute; height: 51px; width: 445px">
    </asp:Panel>
    <asp:Label ID="Label1" runat="server" 
        style="z-index: 1; left: 62px; top: 268px; position: absolute; height: 28px; width: 92px" 
        Text="QuestionGroup" Font-Bold="True"></asp:Label>
    <asp:Button ID="ButtonMultichoice" runat="server" 
        style="z-index: 1; left: 396px; top: 502px; position: absolute; height: 33px; width: 91px" 
        Text="Create" onclick="ButtonMultichoice_Click" />
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 

        style="z-index: 1; left: 122px; top: 698px; position: absolute; height: 142px; width: 222px">
        <Columns>
            <asp:TemplateField HeaderText="Column Name"></asp:TemplateField>
            <asp:TemplateField HeaderText="Type "></asp:TemplateField>
            <asp:TemplateField HeaderText="Values"></asp:TemplateField>
        </Columns>
    </asp:GridView>
  </asp:Panel>

Answer 1

你可以通过为此获得css的帮助来做到这一点只需编写一个包含display：none的css类;属性并使用类似这样的Javascript将该类添加到面板

document.getElementbyID("PanelID").className = CssclassName

Answer 2

如果您设置了面板设置Visible="false"，则面板将不会在生成的HTML中呈现。因此你将无法看到它。

但是，如果您想使用JavaScript显示/隐藏。根据需要使用css的display属性及其值“block”或“none”

如何设置面板可见而不回发？

2 个答案: