2016-02-24 1 views
1

J'ai 2 modalpopupextender dans ma page, d'abord modalpopupextender Je l'utilise pour faire un message pop-up, la seconde que je utilise pour laisser l'utilisateur faire un choix. Lors de l'exécution, ça a l'air bien, mais après certains ouvrir et fermer sur premier ou deuxième modalpopupextender, il ne sera pas affiché en haut de l'écran, donc je ne peux pas le voir. Ce que je veux dire, c'est que ça ne ressemble pas à l'écran, mais si j'utilise un outil de développement pour le vérifier, je peux le voir sous la première page, donc je ne peux pas cliquer sur un bouton. pendu.ModalPopupExtender ne pas afficher après quelques clics

mon code est comme ci-dessous:

<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(); 
    } 
Code

derrière:

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

capture d'écran: enter image description here

S'il vous plaît aidez-moi à résoudre ce problème

Répondre