2016-07-15 38 views
2

點擊按鈕後,我有以下幾點:接近引導模態在我的ASP頁面內模型

<ContentTemplate> <div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <asp:UpdatePanel ID="upModal" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"> 
     <ContentTemplate> 
      <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"><asp:Label ID="lblModalTitle" runat="server" Text=""></asp:Label></h4> 
       </div> 
       <div class="modal-body"> 
        <asp:Label ID="lblModalBody" runat="server" Text=""></asp:Label> 
       </div> 
       <div class="modal-footer"> 
        <asp:Button runat="server" ID="btnSavedata" CssClass="btn btn-info"> Text="Save"/> 

        <button class="btn btn-info" data-dismiss="modal" aria-hidden="true">Close</button> 
       </div> 
      </div> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</div> </div> 

還我還有一個鏈接從代碼顯示莫代爾背後

Protected Sub btn_DeleteQuote_ServerClick(sender As Object, e As EventArgs) Handles btn_PrintQuote.ServerClick 

lblModalTitle.Text = "Validation Errors List for HP7 Citation" 
lblModalBody.Text = "This is modal body" 
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal({backdrop:'static', keyboard: false});", True) 
upModal.Update() 

末次

現在我想當我點擊按鈕btnSavedata(這個butoon裏面的模態)我想更新我的頁面內的一些內容(此內容以外模態),然後關閉模式 iw在btnSavedata_click事件背後螞蟻這個使用代碼

+2

做正確解釋你的問題,它不是很明確!!! – Ibibo

+0

我剛剛給你一個答案,如果你需要任何關於此的幫助,你可以發表評論和解釋你的問題 – Ibibo

+0

我的問題是我想關閉我的模態後點擊保存按鈕使用代碼隱藏。 – Aziz

回答

1
[http://www.w3schools.com/bootstrap/bootstrap_modal.asp][1] 

Asp.net Modal

http://www.w3schools.com/bootstrap/bootstrap_modal.asp

<button type="button" class="btn btn-default" data-dismiss="modal">SAVE</button> 
+0

謝謝,但我想關閉它從代碼隱藏 – Aziz

+0

編輯我的答案! 在您的按鈕上嘗試此操作 – Ibibo

1

使用此代碼很好的例子:

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal('hide');", True)