另一个模态弹出扩展器问题

Question

我正在尝试让模式弹出窗口工作，它需要在后面的代码中触发。

 <asp:Button ID="btnModalPopUp" runat="server" Text="Button" Style="display: none" />
<asp:Panel ID="pnlModalPopup" runat="server" CssClass="modalPopup" Style="display: none"
    Width="233px">
    <div id="Div1" runat="server" cssclass="title">
        Modal text here.
        <asp:TextBox ID="txtEditComments" runat="server"></asp:TextBox>
    </div>
</asp:Panel>
<cc1:ModalPopupExtender ID="modalMessage" runat="server" TargetControlID="btnModalPopUp"
    PopupControlID="pnlModalPopup" BackgroundCssClass="modalBackground"         DropShadow="true"/>

后面的代码：

protected void Page_Load(object sender, EventArgs e)
{
    modalMessage.Show();
}

即使它命中了“modalMessage.Show();”代码它不显示模态面板。

Answer 1

两种解决方案：

第一种解决方案：

从pnlModalPopup 中删除Style="display:none"。

第一个解决方案是在页面第一次加载时会导致弹出窗口在屏幕上“闪烁”，然后迅速消失。

第二种解决方案：

protected void Page_Load(object sender, EventArgs e)
{
    pnlModalPopup.Style["display"] = "block";
    modalMessage.Show();
}

建议： 我建议使用第二种解决方案，这样模式弹出窗口就不会闪烁然后消失。

编辑：我刚刚测试了你的代码：

我刚刚在一个仅包含您提供的代码的简单页面中测试了您的代码...效果符合预期。

检查以下内容：

1. 您的模态弹出窗口是否在有条件更新的UpdatePanel 中定义？
2. 检查以确保模式弹出窗口未在可见性设置为 false 的 Panel 中定义。
3. 如果这不起作用，请检查模态弹出窗口是否确实在呈现的网页的源代码中。

Answer 2

根据需要听取 Chris 的评论：

display:none 在外观上是不需要的， 否则弹出窗口将显示 页面正在加载，然后会很快 ModalPopupExtender 消失 介入并隐藏它。

我们必须像这样展示我们的节目：

  pnlModalPopup.Visible = true;           
  modalMessage.Show();