在 ASP.NET 中单击链接按钮时如何在引导模式中显示数据

Question

如何在 ASP.NET 中单击链接按钮时在 Bootstrap Modal 中显示数据。在我的代码中 当我单击链接按钮时，模态正在打开，但未显示分配值。请告诉我如何显示具有指定值的模态。 谢谢。

.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 = "Mail@gmail.com";
        }

Answer 1

去掉data-toggle，把后面的代码更新成这样：

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

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

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。

编辑

由于 linkBut​​ton 没有“UseSubmitBehavior”属性。