Question

Asp.net 4.5网页表单包含masterpage，listview和一些用于不同任务的asp按钮，然后是一个用于触发模态的html按钮。莫代尔弹出看起来不错。没有其他按钮工作。模态上的Asp按钮也不会触发事件。我删除了模态div，一切正常。我认为模态有一些可能会拦截所有其他事件的监听功能，这可能是问题吗？旧的ajax工具箱模式弹出窗口没有造成这个问题有谁知道如何解决这个问题？模态非常适合用户交互，我希望我可以使用它。

编辑：模态上的asp按钮事件确实有效。它在外面，当没有显示模态时，就是问题。

这是我的页面表单顶部，btnEmpty不起作用：

发送bestilling

＆lt;％：Page.Title％＆gt;

<p class="text-danger">
    <asp:Literal runat="server" ID="ErrorMessage" />
</p>
<br/>
<div class="row">
    <section>
        <asp:ListView ID="lvHandleliste" runat="server"
            OnItemDataBound="lvHandleliste_ItemDataBound"
            OnDataBound="lvHandleliste_DataBound"
            EmptyDataText="Handlekurven er tom">

这是模式，它放在页面contentplaceholder的最底部：

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header" style="padding:20px 50px;">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h2 class="modal-title">Bestillingsinformasjon</h2>
      </div>
      <div class="modal-body" style="padding:40px 50px;">

        <div class="form-group">
          <label for="tbxBestillingsnr">Bestillingsnr </label>
          <asp:TextBox ID="tbxBestillingsnr" runat="server" CssClass="form-control"></asp:TextBox>
          <asp:RequiredFieldValidator runat="server" ControlToValidate="tbxBestillingsnr" Display="Dynamic"
              CssClass="text-danger" ErrorMessage="" Text="Fyll ut!" />
        </div>
        <div class="form-group">
          <label for="tbxReferanse">Vår ref </label>
          <asp:TextBox ID="tbxReferanse" runat="server" CssClass="form-control"></asp:TextBox>
          <asp:RequiredFieldValidator runat="server" ControlToValidate="tbxReferanse" Display="Dynamic"
              CssClass="text-danger" ErrorMessage="" Text="Fyll ut!" />
        </div>
        <div class="form-group">
          <label for="tbxAdresse">Leveringsadresse </label>
          <asp:TextBox ID="tbxAdresse" runat="server" TextMode="MultiLine" Rows="4" CssClass="form-control"></asp:TextBox>
          <asp:RequiredFieldValidator runat="server" ControlToValidate="tbxAdresse" Display="Dynamic"
              CssClass="text-danger" ErrorMessage="" Text="Fyll ut!" />
        </div>

        <asp:Button ID="btnSend" runat="server" Text="Send bestilling" CssClass="btn btn-info btn-block" OnClick="btnSend_Click" />

      </div>
      <div class="modal-footer" style="padding:20px 50px;">
          <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal">
              <span class="glyphicon glyphicon-remove"></span> Avbryt</button>
      </div>
    </div>

  </div>
</div>

Answer 1

对我的问题没有回应，但我终于找到了答案。开始：在我的模态体中，我有一些RequiredFieldValidators。这些操作对页面上的所有提交按钮起作用。因此，当隐藏模态时，由于未填写所需的控制字段，因此无法进行提交。解决方案是将所有验证器控件添加到验证组，以及他们应该执行的一个提交按钮。容易： - ）

希望这有助于其他人， SIW

如何避免Bootstrap模态阻止模态内部或外部的所有asp按钮，无论是否显示模态

＆lt;％：Page.Title％＆gt;

1 个答案: