Bootstrap Modal触发但不触发ASP Button Click事件

时间:2013-03-13 15:29:33

标签: c# asp.net twitter-bootstrap webforms

基本上就像标题所说的那样。

布局: 带有DataGrid的页面和动态数量的按钮。

预期功能: 单击其中一个按钮时,将显示模态,然后将触发asp按钮单击事件。

目前的功能: 单击ASP按钮,模态显示,事件不会触发。

任何人都知道是否有可能同时解雇?

这是我的模态:

 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"/>

以下是代码Behind的按钮点击事件。

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可能无法实现,但我想我会问。 在此先感谢您的帮助。

1 个答案:

答案 0 :(得分: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>");
                    }