我的页面中有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();
}
}
屏幕截图:
请帮我解决这个问题
最佳答案
v16.1 release中已解决此问题。