モーダルポップアップエクステンダーがボタンをクリックしてパネルを表示しない

Question

私のページにモーダルポップアップエクステンダーを使用しようとしているので、ボタンをクリックするとパネルが表示されます。私が持っているものは次のとおりです。

<asp:UpdatePanel runat="server" ID="updPanel"> 
    <ContentTemplate> 
     <ajaxToolkit:ModalPopupExtender ID="mpeEmailComplete" runat="server" TargetControlID="btnTesting" 
      PopupControlID="pnl" OkControlID="btnOk" 
      BackgroundCssClass="modalBackground"> 
     </ajaxToolkit:ModalPopupExtender> 



     <asp:Panel ID="pnl" runat="server" style="display:none;"> 
      <asp:UpdatePanel ID="udp" runat="server"> 
       <ContentTemplate> 
        <asp:Panel runat="server" ID="pnlEmailComplete" Visible="false"> 
         <asp:Label runat="server" ID="lblTest" Text="Testing testing testing"></asp:Label> 
         <asp:Button runat="server" ID="btnOk" Text="OK" /> 
        </asp:Panel> 
       </ContentTemplate> 
      </asp:UpdatePanel> 
     </asp:Panel> 


     <asp:Button runat="server" ID="btnTesting" Text="Testing"/> 

    </ContentTemplate> 
</asp:UpdatePanel> 

ボタンをクリックするとパネルがポップアップ表示されません。誰も知っている理由は？

Answer 1

JavaScriptエラーはありますか？pnl.Visible=False;はどこのサーバー側にも設定されていますか？

AjaxControlToolkitが正しく参照されていることを確認してください。NuGetが参照を追加する最も簡単な方法です。

http://nuget.org/packages/ajaxcontroltoolkit

Answer 2

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <asp:Button ID="Btnshow" runat="server" Text="Show" OnClick="Btnshow_Click" /> 
     <asp:Button ID="BtnTarget" runat="server" Text="Target" Style="display: none" /> 
     <asp:TextBox ID="TextBox1" runat="server"> 
     </asp:TextBox> 
     <input type="button" value="Get" onclick="abc()" /> 
     <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnTarget" 
      PopupControlID="Panel1"> 
     </asp:ModalPopupExtender> 
     <asp:Panel ID="Panel1" runat="server" BackColor="Black" Width="300px" Height="300px"> 
      <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"> 
       <ContentTemplate> 
        <asp:Button ID="BtnHide" runat="server" Text="Hide Button" OnClick="BtnHide_Click" /> 
       </ContentTemplate> 
       <Triggers> 
        <asp:AsyncPostBackTrigger ControlID="BtnHide" EventName="Click" /> 
       </Triggers> 
      </asp:UpdatePanel> 
     </asp:Panel> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Btnshow" EventName="Click" /> 
    </Triggers> 
</asp:UpdatePanel> 

Answer 3

あなたの最も内側のパネルが目に見える= falseを持っています。あなたはテストボタンを押したときに

<asp:Panel runat="server" ID="pnlEmailComplete" Visible="false"> *(change here)* 

ので、ModalPopupExtenderを正しく表示するには、アウターパネルを引き起こし、それはあなたが画面に何も表示されないため、目に見えないインナーパネルを表示しています。

<asp:Panel ID="pnl" runat="server" style="display:none;"> *(this is ok)* 

固定するためには、ただ助けアウターパネル（pnlEmailComplete）

・ホープから偽=可視ヤンク！