引导模式不能正确加载动态内容

Bootstrap Modal Not Correctly Loading Dynamic Content

本文关键字：加载 动态 模式 不能      更新时间：2023-09-26

我正在开发一个最终将用于联系人目录的测试模态。当单击一个按钮时，一个变量(电子邮件地址)将被传递给AccountsDB对象中的子GetSpecificAccount。在测试模式中，我已经硬编码了要传递的电子邮件地址，使其更容易;但是，当我点击按钮时，内容没有加载。

    <center><asp:Button ID="btnTestButton" CssClass="btn btn-primary" runat="server" OnClick="UpdateModal" OnClientClick="ShowModal(); return false" Text="Test Modal" /></center>
</div>
<div id="myModal" class="modal fade">
  <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>
        <h3><asp:Label runat="server" ID="lblName" Text="Name Placeholder" /></h3>
      </div>
      <div class="modal-body">
        <p><b>Name:  </b>&nbsp<asp:Label runat="server" ID="lblName2" Text="Name Placeholder" /></p>
        <p><b>Email: </b>&nbsp<asp:Label runat="server" ID="lblEmail" Text="Email Placeholder" /></p>
        <p><b>Info:  </b>&nbsp<asp:Label runat="server" ID="lblInfo" Text="Info Placeholder" /></p>
      </div>
      <div class="modal-footer">
        <asp:HyperLink runat="server" cssclass="btn btn-primary" URL="">Contact</asp:HyperLink>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
    function ShowModal() {
        $(document).ready(function () {
            $('#myModal').modal('show');
        });
    }
</script>
Protected Sub UpdateModal()
    AccountsDB.GetSpecificAccount("test@test.com")
    lblName.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("FirstName").ToString
    lblEmail.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("email").ToString
    lblName2.Text = AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("FirstName").ToString & " " & AccountsDB.AccountsDataset.Tables("Accounts").Rows(0).Item("LastName").ToString
    lblInfo.Text = "Test info hardcode"
End Sub

当你点击Button时，数据不会发送到服务器(因为'return false;')。

相关文章：