簡體   English   中英

Bootstrap模式無法正確加載動態內容

[英]Bootstrap Modal Not Correctly Loading Dynamic Content

我正在開發一種測試模式,最終將其用於聯系人目錄中。 單擊按鈕時,變量(電子郵件地址)將傳遞到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;')。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM