【问题标题】:Bootstrap Modal fires but not ASP Button Click eventBootstrap Modal 触发但不是 ASP Button Click 事件
【发布时间】:2013-03-13 15:29:32
【问题描述】:

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

布局: 带有 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"/>

这是后面代码中的按钮点击事件。

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 可能只是不可能,但我想我会问。 在此先感谢您的帮助。

【问题讨论】:

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


    【解决方案1】:

    在单击按钮时使用 ClientScriptManager 调用 java 脚本

    protected void TestButton_Click(object sender, EventArgs e)
                        {
    
                         // do something then call modal
    ClientScript.RegisterStartupScript(GetType(), "Show", "<script> $('#example').modal('toggle');</script>");
                        }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-04-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      • 1970-01-01
      • 2017-03-30
      相关资源
      最近更新 更多