Question

我的页面中有2个modalpopupextender，第一个modalpopupextender我用它来弹出消息，第二个我用来让用户做出一些选择。在运行时，它看起来很好，但在第一个或第二个modalpopupextender打开和关闭后，它不会显示在屏幕上，所以我看不到它。我的意思是，它看起来没有在屏幕上显示，但如果我使用开发人员工具检查它，我可以看到它显示在首页下面，所以我不能点击它上面的任何按钮，这使得整个页面挂。

我的代码如下：

<asp:UpdatePanel runat="server" ID="ModalPanel1" RenderMode="Inline"    UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="btnhidden" runat="server" Text="" Style="display: none"  OnClick="btnhidden_Click" />
            <asp:Panel ID="pnDialog" runat="server" BorderColor="#003399"
                BorderStyle="Solid" BorderWidth="3px">
                <asp:Panel ID="pnTitle" runat="server" BackColor="#003399" CssClass="Title" ForeColor="White">
                    TITLE
                </asp:Panel>
                <asp:Panel ID="Panel1" runat="server" BackColor="White" Style="padding: 8px 8px 8px 8px">
                    <div id="divContent" class="Content" style="padding-left: 6px">
                        <br />
                    <asp:HiddenField ID="hdn" runat="server" Visible="False" />
                    <asp:Label ID="MessageWord" runat="server" Text="message......." CssClass="LabelStyle"></asp:Label>
                </div>
                <hr />
                <div id="divButton">
                    <asp:Button ID="btnOK" runat="server" Text="OK" CssClass="ButtonStyle" UseSubmitBehavior="False" Width="80px" />
                </div>
            </asp:Panel>
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
            TargetControlID="btnhidden"
            PopupControlID="pnDialog"
            BackgroundCssClass="mlBackground"
            DropShadow="true"
            CancelControlID="btnOK"
            >
        </ajaxToolkit:ModalPopupExtender>
    </ContentTemplate>
</asp:UpdatePanel>

的javascript：

function onOK() {
    $find('ModalPopupExtender1').hide();
    }

代码背后的代码：

protected void btnOK_Click(object sender, EventArgs e)
{
    if (hdn.Value == "1")
    {
        Response.Redirect("~/FH/FHLogin.aspx");
    }
    if (hdn.Value == "2")
    {
        ModalPopupExtender1.Hide();
    }
}

截图：

请帮我解决这个问题

Answer 1

此问题已在v16.1 release中解决。

单击几次后，ModalPopupExtender不会显示

1 个答案: