2013-03-13 29 views
2

基本上就像標題所說的那樣。Bootstrap Modal會觸發但不是ASP Button Button事件

佈局: 帶有DataGrid和動態數量的按鈕的頁面。

預期功能: 當單擊其中一個按鈕時,模式將顯示,然後asp按鈕單擊事件將觸發。

現在的功能: ASP按鈕被點擊,Modal顯示,事件不會觸發。

任何人都知道它是否有可能同時發生火災?

這裏是我的模式:

div id="example" class="modal hide fade in" style="display: none;"> 
       <div class="modal-header"> 
        <a class="close" data-dismiss="modal">x</a> 
        <h3>Enter Comments Below:</h3> 
       </div> 
       <div class="modal-body"> 
        <h4>Comments</h4>     
       </div> 
       <div class="modal-footer"> 
        <a href="#" class="btn btn-success">Call to action</a> 
        <a href="#" class="btn" data-dismiss="modal">Close</a>     
       </div> 
      </div> 

下面是按鈕:

<asp:Button ID="TestButton2" runat="server" Text="Comments" 
OnClick="TestButton_Click"/> 

這裏是從按鈕的代碼單擊事件。

protected void TestButton_Click(object sender, EventArgs e) 
         { 

         // This does something 

         } 

這裏是Jquery的顯示按鈕被點擊時態:

<script type="text/javascript"> 
      $('input[name$="TestButton2"]').on("click", function() { 

       $('#example').modal('toggle'); 
       return false; 

      }); 
    </script> 

人有什麼想法?我想過一個隱藏的領域,但不知道這是否真的有效。它可能不可能與WebForms,但我想我會問。 在此先感謝您的幫助。

回答

4

您使用按鈕調用ClientScriptManager Java腳本點擊

protected void TestButton_Click(object sender, EventArgs e) 
        { 

        // do something then call modal 
ClientScript.RegisterStartupScript(GetType(), "Show", "<script> $('#example').modal('toggle');</script>"); 
        } 
相關問題