Modalpopup with UpdatePanel

Question

나는 국가 목록을 표시하는 autocompleteextender가 있습니다. 같은 텍스트 상자에 뭔가를 입력하고 "검색"버튼을 클릭하면 팝업이 열리고 일치하는 국가가 표시되어야합니다. 나는 팝업을 위해 modalpopupextender를 사용하고있다.

영문 코드 :

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
     <contenttemplate> 
     <asp:TextBox id="TextBox1" runat="server" Width="250px"></asp:TextBox> 
     <asp:ImageButton id="ImageButton1" onclick="imgBtnSearch_Click" runat="server" ImageUrl="~/Images/Lab/search.jpg"></asp:ImageButton> 
     <cc1:AutoCompleteExtender id="TextBox1_AutoCompleteExtender" runat="server" EnableCaching="true" CompletionSetCount="10" MinimumPrefixLength="1" ServicePath="AutoComplete.asmx" UseContextKey="True" TargetControlID="TextBox1" ServiceMethod="GetCountryInfo"> 
     </cc1:AutoCompleteExtender> 
     <cc1:ModalPopupExtender id="ModalPopupExtender1" runat="server" TargetControlID="ImageButton1" BackgroundCssClass="ModalPopupBG" Drag="true" PopupDragHandleControlID="PopupHeader" PopupControlID="updatePanel2" CancelControlID="btnCancel" ></cc1:ModalPopupExtender> 

    </contenttemplate> 
    </asp:UpdatePanel> 
    <asp:UpdatePanel id="updatePanel2" runat="server" UpdateMode="Conditional"> 
     <ContentTemplate> 
        <asp:RadioButtonList id="RadioButtonList1" runat="server" Width="400" Height="400" RepeatColumns="5" RepeatLayout="Table" RepeatDirection="Vertical" AutoPostBack="True"></asp:RadioButtonList> 

      <DIV class="Controls"> 
       <INPUT id="btnOk" type="button" value="OK" /> 
       <INPUT id="btnCancel" type="button" value="Cancel" /> 
      </DIV> 

     </ContentTemplate> 
     <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ImageButton1" EventName="Click"></asp:AsyncPostBackTrigger> 
     </Triggers> 
    </asp:UpdatePanel> 

그리고 내 코드 숨김에서 : 내 autocompleteextender를 통해 결과를 얻을 수 있지만

protected void imgBtnSearch_Click(object sender, ImageClickEventArgs e) 
{ 
    LoadCountryPopUp(); 
    ModalPopupExtender1.Show(); 
} 

나는, 내 팝업의 모든 국가를 받고 있지 않다. 이미지 버튼을 클릭하면 내용이없는 팝업이 나타납니다. Pls 도움!

Answer 1

이 같은 패널 내부에 팝업 내용을 놓고 :

<asp:UpdatePanel id="updatePanel2" runat="server" UpdateMode="Conditional"> 
     <ContentTemplate> 
<asp:Panel id="pnlPopup" runat="server"> 
        <asp:RadioButtonList id="RadioButtonList1" runat="server" Width="400" Height="400" RepeatColumns="5" RepeatLayout="Table" RepeatDirection="Vertical" AutoPostBack="True"></asp:RadioButtonList> 

      <DIV class="Controls"> 
       <INPUT id="btnOk" type="button" value="OK" /> 
       <INPUT id="btnCancel" type="button" value="Cancel" /> 
      </DIV> 
</Panel> 
     </ContentTemplate> 
     <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ImageButton1" EventName="Click"></asp:AsyncPostBackTrigger> 
     </Triggers> 
    </asp:UpdatePanel> 

을이 패널의 ID와 함께 UpdatePanel의 컨트롤 아이디를 대체 :

<cc1:ModalPopupExtender id="ModalPopupExtender1" runat="server" TargetControlID="ImageButton1" BackgroundCssClass="ModalPopupBG" Drag="true" PopupDragHandleControlID="PopupHeader" PopupControlID="pnlPopup" CancelControlID="btnCancel" ></cc1:ModalPopupExtender> 

을하고 작동하는지 확인? 업데이트 패널의 외부 익스텐더를 넣어

Answer 2

시도는, 그것이