如何为引导按钮创建 Button_Click() 事件？答案

【问题标题】：How to create Button_Click() Event for Bootstrap Button?如何为引导按钮创建 Button_Click() 事件？
【发布时间】：2014-06-19 19:23:11
【问题描述】：

Bootstrap 登录表单如下：

<form class="form-vertical login-form" runat="server" action="~/Default.aspx">
    <label class="control-label visible-ie8 visible-ie9">User Name</label>
        <input class="m-wrap placeholder-no-fix" type="text" placeholder="UserName" name="username"/>
    <label class="control-label visible-ie8 visible-ie9">Password</label>
        <input class="m-wrap placeholder-no-fix" type="password" placeholder="Password" name="password"/>
    <button type="submit" class="btn green pull-right" aria-pressed="undefined">
    Log In <i class="m-icon-swapright m-icon-white"></i>
    </button>            
</form>

单击按钮时，我想创建与数据库的连接。所以，我需要这样的东西：

protected void (ButtonName)_Click(object sender, EventArgs e)
{
    string connStr = "Initial Catalog=LoginCheck; Data Source=MYCOMPUTER; User id=sa; password=000000;";
    SqlConnection conn = new SqlConnection(connStr);
    conn.Open();
    ...
}

但它不像 ASP.NET 那样工作。如果我在设计时双击按钮，它不会让我在后面编码。请把我引向正确的方向！

【问题讨论】：

标签： asp.net twitter-bootstrap event-handling buttonclick

【解决方案1】：

在 ASP.Net 中，如果要回发，则需要使用服务器控件。

大多数时候，<form> 标签位于母版页内，因此您无法轻松设置它的样式。

这是一个例子-

<form id="form1" runat="server">
    <div class="form-vertical login-form">
        <asp:Label runat="server" ID="UsernameLabel"
            AssociatedControlID="UserNameTextBox"
            CssClass="control-label visible-ie8 visible-ie9">User Name
        </asp:Label>
        <asp:TextBox runat="server" ID="UserNameTextBox"
            CssClass="m-wrap placeholder-no-fix" />

        <asp:Label runat="server" ID="PasswordLabel"
            AssociatedControlID="PasswordTextBox"
            CssClass="control-label visible-ie8 visible-ie9">Password
        </asp:Label>
        <asp:TextBox runat="server" ID="PasswordTextBox"
            CssClass="m-wrap placeholder-no-fix" />

        <asp:LinkButton runat="server" ID="SubmitLinkButton"
            CssClass="btn btn-default pull-right" 
            OnClick="SubmitLinkButton_Click">
            Log In <i class="m-icon-swapright m-icon-white"></i>
        </asp:LinkButton>
    </div>
</form>

【讨论】：

【解决方案2】：

但它不像 ASP.NET 那样工作

您的代码（又名“代码隐藏”）看起来需要 ASP.Net 服务器控件，例如<asp:Button runat="server" id="foo"... 所以它可以做一个 Postback 这是 ASP.NET “网络表单”的方式。

说了这么多，你可以试试

将引导 css 类分配给 ASP.net 服务器控件，使其看起来像引导按钮（样式）
保持您现有的 HTML 处理正常的HTTP POST，而不处理服务器控件（并处理request.form）

您可以根据适合自己的方式进行选择。无论哪种方式，核心概念都是基于标准 HTTP POST（html 表单发布，asp.net 网络表单“回发”）。

第...

【讨论】：