帶有UpdatePanel的ASP.NET Bootstrap模態 - 可能的解決方案？

Question

我不是專家，所以如果我錯了，請糾正我。我不相信Twitter Bootstrap Modal對話框在ASP.NET中與UpdatePanels一起使用時工作。至少，我從來沒有能夠得到一個簡單的確認Bootstrap模式對話框與一個工作，我讀了大量的帖子，說這是不可能的。

假設上述是正確的，如果不是的話，我很想知道答案...

我想知道是否有可能通過某種方式禁用的UpdatePanel來解決這個問題的方式 - 不禁用控件 - 只要停止UpdatePanel的行爲就像UpdatePanel一樣。它會這樣工作：

用戶單擊UpdatePanel中的一個按鈕，該按鈕調用某些禁用UpdatePanel的客戶端JavaScript，然後彈出模式對話框。當用戶在模式對話框中單擊「確定」時，客戶端javascript重新啓用UpdatePanel，然後執行對服務器的調用。

有沒有人認爲這是可能的？我對JavaScript和客戶端編程知之甚少，不知道如何做這樣的事情。我的意思是，如果你知道我的意思，即使說「我不夠了解」，這聽起來就像我知道的比我更多。

所以我想我會張貼這個（可能很愚蠢）的想法，看看是否有人可以想出一個辦法使其工作。

謝謝！

PS：我正在使用的應用程序的情況下，我使用UpdatePanel的唯一原因是我可以在服務器花費太多時間響應時彈出「請稍候」消息。如果有人可以指向一個ASP.NET Web Forms解決方案，可以在沒有UpdatePanel的情況下完成我所需要的工作，我很樂意看到它。請記住，當談到JavaScript時我是多麼愚蠢。 :)

Answer 1

您可以在更新面板中使用Bootstrap模式對話框，因爲我在最近的一個項目中有用戶。請在頁面的標題中包含bootstrap的樣式和css文件。

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
<script src="assets/js/bootstrap-transition.js" type="text/javascript"></script> 
<script src="assets/js/bootstrap-modal.js" type="text/javascript"></script> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <div id="dvSearch" class="modal hide fade" tabindex="-1" 
      role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
        ×</button> 
       <h3 id="H3"> 
        Contact Search <span id="HeadNextaction"></span> 
       </h3> 
      </div> 
      <div> 
       <div class="row-fluid"> 
        <div class="span3"> 
         First Name 
        </div> 
        <div class="span8"> 
         <input type="text" autocomplete="off" runat="server" id="txtsearchfirstname" placeholder="Start typing.." 
          class="typeahead" /> 
        </div> 
       </div> 
       <div class="row-fluid"> 
        <div class="span3"> 
         Last Name 
        </div> 
        <div class="span8"> 
         <input type="text" runat="server" id="txtsearchlastname" placeholder="Start typing.." 
          class="typeahead" /> 
        </div> 
       </div> 
       <div class="row-fluid"> 
        <div class="span3"> 
         Email 
        </div> 
        <div class="span3"> 
         <input type="text" runat="server" id="txtsearchemail" placeholder="Start typing.." 
          class="typeahead" /> 
        </div> 
       </div> 
       <div class="row-fluid"> 
        <div class="span3"> 
         Phone 
        </div> 
        <div class="span3"> 
         <input type="text" runat="server" id="txtsearchphone" placeholder="Start typing.." 
          class="typeahead" /> 
        </div> 
       </div> 
      </div> 
      <div> 
      </div> 
      <div class="modal-footer"> 
       <asp:HiddenField ID="hditemselected" runat="server" /> 
       <asp:Button ID="btnSearchSubmit" OnClientClick="..some client side javascript" OnClick="...server call" 
        class="btn" runat="server" Text="Submit" /> 
        Search</a> 
       <button class="btn" data-dismiss="modal" aria-hidden="true"> 
        Close</button> 
      </div> 
     </div> 
//This is how you will call your modal dialog 
<img alt="search" src="images/search.png" data-toggle="modal" data-target="#dvSearch"/> 
</ContentTemplate> 
</asp:UpdatePanel>