Question

如何在aspx中使用bootstrap按钮并在服务器端单击事件。我有按钮，如：

example.aspx：

    <button class="btn btn-orange btn-lg" runat="server" onclick="btnclick_click"><b><i class="fa fa-sign-out"></i> LOGOUT</b></button>

这是我使用带有onclick事件的引导按钮获取aspx文件的按钮：

example.aspx.cs：

这里我正在访问按钮onclick事件，但它没有触发

protected void btnclick_click(object sender, EventArgs e)
    {
        Response.Redirect("page2.aspx");
    }

Answer 1

第一种方式

您可以使用 asp.net按钮将其触发为

<asp:Button id="btnLogout"  runat="server" Text="  LOGOUT  " OnClick="btnclick_click" CssClass="fa fa-sign-out"></asp:Button>

要设置引导主题，只需设置CssClass

即可

第二种方式

您保留代码，但因为您在服务器上运行它而html button control使用onserverclick使其调用您的函数，您的代码将是：

<button class="btn btn-orange btn-lg" runat="server" 
    onserverclick="btnclick_click"><b><i class="fa fa-sign-out"></i> LOGOUT</b></button>

Answer 2

<asp:LinkButton ID="ModalDummy" runat="server" />
<ajaxToolkit:ModalPopupExtender ID="ModalDummy_ModalPopupExtender" runat="server" BehaviorID="ModalDummy_ModalPopupExtender" TargetControlID="ModalDummy" PopupControlID="PanelPopup">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="PanelPopup" runat="server" DefaultButton="ButtonContactSend">
    your popup
</asp:Panel>


ModalDummy_ModalPopupExtender.Show();

如何在asp.net服务器端使用bootstrap按钮和click事件

2 个答案:

第一种方式

第二种方式