Question

在Google上搜索，我无法找到非JavaScript方式来显示和隐藏我的面板/更新面板。

我确实有面板和更新面板，我想在点击按钮后动态显示/隐藏它们，最好不使用javascript，或者如果是这样，使用jQuery。

我发现的所有示例都消耗了大量代码，老实说，我不想因此而废弃我的代码。

想法？

Answer 1

使用jQuery并不需要很多代码：

<input type="button" onclick="$('#blah').toggle();" />
<someelement id="blah"></someelement>

对于ASP.NET（从您的代码中修改）：

<asp:Button ID="btnSubmit" runat="server" CssClass="button-login" OnClientClick="$('#login').toggle();" />

Answer 2

你也可以使用多视图和里面的几个视图。通过执行此操作，您可以使用按钮控件来选择要显示的视图（面板）。下面的代码将在包含两个图像标记的两个视图之间切换。 ASP.NET表单（HTML）

<div>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
<div>
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
  <asp:View ID="View1" runat="server">
    <imgage = "my picture">    //add image tage here
  </view>
  <asp:View ID="View2" runat="server">
    <imgage = "your picture">  //add image tage here
  </view>
</asp: Multiview>
</div>

代码背后

Private button click toggleImageView

If multiview1.ActiveViewIndex=0 then
   multiview1.ActiveViewIndex=1
ElseIf 
   multiview1.ActiveViewIndex=1 then
   multiview1.ActiveViewIndex=0
EndIf

您也可以使用列表框选择要在运行中显示的视图但请注意，您的控件o选择要显示的视图应位于多视图控件之外，并且还应在页面加载时呈现

<asp:DropDownList ID="DropDownList1" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
                runat="server" AutoPostBack="True">
  <asp:ListItem Value="0">View 1</asp:ListItem>
  <asp:ListItem Value="1">View 2</asp:ListItem>
</asp:DropDownList><br />

在ASP.NET上隐藏Panels和Divs让我发疯

2 个答案: