2013-03-13 30 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>"); 
        } 
相关问题