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

Answer 1

尝试添加UseSubmitBehavior =“false”并改为使用asp：按钮。

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

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

修改

由于linkButton没有“UseSubmitBehavior”属性。

Answer 2

删除数据切换并更新后面的代码：

 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函数来显示模态框，这样会更多高效且用户友好。

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

2 个答案: