【问题标题】:ASP.NET Button click event not firing in bootstrap modalASP.NET 按钮单击事件未在引导模式中触发
【发布时间】:2013-04-12 13:59:56
【问题描述】:

我在我的网站中使用 Bootstrap。在单击注册按钮时会弹出注册模式。它有一些字段和一个注册按钮和一个关闭按钮。 他们的代码是

<div id="myModalRegister" runat="server" 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="H1">
            Register</h3>
    </div>
    <div class="modal-body">

    <i class="icon-user"></i>Email ID</label>
        <input type="text" class="span3" id="txtRegEmail" runat="server" />
        <br />
    </div>

    <div class="modal-footer">
        <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">
            Close</button>
        <asp:Button ID="btRegister" runat="server" CssClass="btn btn-primary" 
            Text="Register" onclick="btRegister_Click" />
    </div>
</div>

注册按钮是

<li class="one"><a href="#myModalRegister" role="button" data-toggle="modal" >
       <i class="icon-user icon-white"></i> Sign Up</a></li>

当我单击 btRegister 按钮时,Click 事件没有触发。你能帮帮我吗?

经过一些研究,我发现模态窗口在Form 标记之外呈现。这就是事件没有触发的原因。我该如何解决这个???

【问题讨论】:

  • 解决这个问题的唯一方法是将按钮放在表单中。还要把文本框放在里面,这样你后面的代码就可以看到里面的数据了。
  • 你能不能用jquery来捕捉按钮点击,然后从javascript调用回发点击事件。这是有关如何执行此操作的 stackoverflow 参考:stackoverflow.com/questions/8771097/…

标签: c# asp.net twitter-bootstrap modal-dialog


【解决方案1】:

我认为你有两个选择:

  1. 将按钮放在标签内(您不需要将模态框放在表单标签之外)
  2. 使用启用 javascript 的按钮而不是服务器端控件

【讨论】:

    【解决方案2】:

    我今天遇到了同样的问题,发现我的按钮 ID 与表单中的另一个按钮相同,请尝试检查您是否没有另一个具有相同 ID 的按钮,然后它将像 BOSS 一样工作!

    【讨论】:

      猜你喜欢
      • 2013-06-27
      • 2010-10-21
      • 2011-12-02
      • 1970-01-01
      • 2014-01-16
      • 2014-01-14
      • 2020-05-01
      • 1970-01-01
      • 2014-01-25
      相关资源
      最近更新 更多