如何在asp.net服务器端使用带有点击事件的引导按钮答案

【问题标题】：How to use bootstrap button with click events in asp.net server side如何在asp.net服务器端使用带有点击事件的引导按钮
【发布时间】：2018-04-21 06:58:43
【问题描述】：

如何在 aspx 中使用引导按钮并在服务器端单击事件。我有像这样的按钮：

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");
    }

【问题讨论】：

标签： asp.net

【解决方案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>

【讨论】：

但是我使用的引导类按钮怎么办，并且没有得到正确的对齐。我使用了行，我将按钮放在
@chetu 我已经更新了我的答案 - 只需使用 onserverclick 就可以了
并且也没有在按钮中获得那个退出图标..没有办法直接在asp.net的服务器端处理引导按钮
@chetu 是的，将onclick 更改为onserverclick，您就完成了...查看我的更新答案
onserverclick 我可以直接在引导按钮上使用它吗？

【解决方案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();

【讨论】：

虽然这段代码 sn-p 可以解决问题，但including an explanation 确实有助于提高帖子的质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。