隐藏基于按钮单击asp.net的Div

时间:2018-09-04 13:21:21

标签: c# asp.net

我有一个asp.net页面,其中页面加载时会隐藏div,直到按下按钮为止。但是我现在的问题是,我想基于模式中的另一个按钮来重新隐藏div,该按钮将充当重置按钮。

在要隐藏div的按钮上

<asp:Button ID="btn_reset" runat="server" Text="Add Meter" class="btn btn-success" data-dismiss="modal" OnClick ="reset_click" />

在aspx页面中,我有

protected void reset_click(object sender, EventArgs e) {
    Test.Visible = false;
}

我也有div

<div id="Test" visible="false" runat="server">

如果可能的话,我只想重新加载整个页面,以使其默认重新加载。

1 个答案:

答案 0 :(得分:0)

不确定我是否完全了解您的要求,但让我们从这里开始:

Live Preview

隐藏代码:

Private Sub btnReset_Click(sender As Object, e As EventArgs) Handles btnReset.Click
    pnlDiv1.Visible = False
End Sub

Private Sub btnShow_Click(sender As Object, e As EventArgs) Handles btnShow.Click
    pnlDiv1.Visible = True
End Sub

HTML:

<form id="form1" runat="server">
    <asp:Button ID="btnShow" Text="SHOW" runat="server" />
    <asp:Button ID="btnReset" Text="RESET" runat="server" />

    <asp:Panel ID="pnlDiv1" Visible="false" runat="server">
        <h1>Im Hidden by Default</h1>
    </asp:Panel>
</form>