2016-02-24 4 views
1

У меня есть 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(); 
    } 
} 

скриншот: enter image description here

Помогите мне решить эту проблему

ответ

Смежные вопросы