ASP.NET ModalPopupExtender 在调用 Alert JavaScript 函数时出现

Question

我面临着来自 ASP.NET Ajax Controls Toolkit ModalPopupExtender的错误行为，当我从服务器端调用Alert() JavaScript函数时，模态出现在后台。我不知道为什么会这样。

这是代码：

.vb：

Sub ShowAlert(ByVal message As String)
    ScriptManager.RegisterStartupScript(Me.UpdatePanel, UpdatePanel.GetType(), "notificationScript", "<script language='JavaScript'> alert('" & message & "'); </script>", False)
End Sub

.aspx：

<asp:UpdatePanel ID="UpdatePanel" runat="server">
  <ContentTemplate>
      <asp:Panel ID="pnlPartialInstructions" CssClass="modal" runat="server">
         ......
      <asp:Panel ID="pnlPrintConfirmation" CssClass="modal" runat="server">
          <table class="ui-accordion">
              <tr>
                  <td colspan="2">
                      <asp:Label Text="Do you want to print the receipt?" ID="lblPrintConfirmation" runat="server"
                          meta:resourcekey="lblPrintConfirmationResource1" Font-Bold="True" Font-Names="tahoma"
                          Font-Size="Large" />
                  </td>
              </tr>
              <tr>
                  <td>
                      <asp:Button ID="btnConfirmPrint" Text="Yes" CssClass="google-button google-button-blue"
                          runat="server" meta:resourcekey="btnConfirmSaveResource1" Font-Size="Large" />
                  </td>
                  <td>
                      <asp:Button ID="btnCancelPrint" Text="No" CssClass="google-button google-button-red"
                          runat="server" meta:resourcekey="btnCancelSaveResource1" Font-Size="Large" />
                  </td>
              </tr>
          </table>
      </asp:Panel>
      <asp:Button ID="HiddenForModel1" Text="" runat="server" CssClass="hide" CausesValidation="False" />
      <ajaxToolkit:ModalPopupExtender ID="pnlPrintConfirmation_ModalPopupExtender" runat="server" DynamicServicePath=""
          Enabled="True" TargetControlID="HiddenForModel1" PopupControlID="pnlPrintConfirmation"
          BackgroundCssClass="ModalBackground" DropShadow="True" CancelControlID="btnCancelPrint"
          RepositionMode="RepositionOnWindowResizeAndScroll">
      </ajaxToolkit:ModalPopupExtender>
      .....
      </asp:UpdatePanel>
  </ContentTemplate>

Answer 1

该问题是由ModalPopupExtender的工作方式引起的。它正在发出一个JavaScript，它将隐藏Panel。

现在，您将alert()调用注册为启动脚本，只要用户不退出警报窗口，这将保持运行ModalPopupExtender脚本。最简单的解决方法是在Panel上设置display:none，这样它就不需要脚本来隐藏它：

<asp:Panel ID="pnlPrintConfirmation" CssClass="modal" Style="display:none;" runat="server">
    ...
</asp:Panel>