当ASP.NET中的链接按钮被点击时，如何在Bootstrap Modal中显示数据

Question

当单击ASP.NET中的链接按钮时，在Bootstrap模态框中显示数据的方法。在我的代码中，当我单击链接按钮时，模态框会打开，但是指定的值没有显示出来。请告诉我如何显示具有分配值的模态框。 谢谢。

.aspx 代码：

  <asp:LinkButton ID="linkButton8" runat="server" data-toggle="modal" data-target="#myModal" OnClick="linkButton_Click">CIS Information</asp:LinkButton>

      <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel" align="center">Candidate Information Sheet</h4>
                        </div>
                        <div class="modal-body">

                            <table class="table table-bordered" align="center">
                                <tr>
                                    <td>Name</td>
                                    <td>
                             <asp:TextBox ID="txtName" runat="server"></asp:TextBox></td>
                                    <td>Email</td>
                                    <td>
                                        <asp:TextBox ID="txtEnail" runat="server"></asp:TextBox></td>
                                </tr>
                            </table>
                        </div>
                        <div class="modal-footer">
                      <button type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-primary" data-ismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

C# 代码：

 protected void linkButton_Click(object sender, EventArgs e)
        {
            txtName.Text = "Name";
            txtEnail.Text = "[e-mail]";
        }

- Srinivas

---

你有解决这个问题的方法吗？我也没有什么好运气... - Fraze

Answer 1

移除 data-toggle，并更新后端代码如下：

 protected void linkButton_Click(object sender, EventArgs e)
        {
            txtName.Text = "Name";
            txtEnail.Text = "[e-mail]";
            Page.ClientScript.RegisterStartupScript(GetType(), "modelBox", "$("#myModal").modal('show');", true);
        }

最好的方式是使链接按钮拥有客户端点击事件，通过ajax获取数据，设置文本框的值，并使用相同的modal('show') JavaScript函数来显示模态框，这样更有效率和用户友好。

- Haitham Shaddad

Answer 2

尝试添加 UseSubmitBehavior="false" 并使用 asp:button 代替。

    <asp:Button ID="btnModal" runat="server" data-toggle="modal" data-target="#myModal" OnClick="linkButton_Click" UseSubmitBehavior="false">CIS Information</asp:Button>

UseSubmitBehavior属性确定按钮是否使用浏览器的提交功能或ASP.NET回发。默认情况下，它设置为true。

编辑

由于LinkButton没有“UseSubmitBehavior”属性。

- The Mahahaj

---

你的按钮是否在表单标签内？如果不是，请尝试将其放入表单标签中。 - The Mahahaj

LinkButton不支持UseSubmitBehavior属性：http://msdn.microsoft.com/zh-cn/library/System.Web.UI.WebControls.LinkButton(v=vs.110).aspx - Tillito