Click here to Skip to main content
15,888,984 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
hi,

Here my problem is How to show popextender when textchange event fire...

My Design code:

XML
<form id="form1" runat="server">
   <div style="min-height: 700px;">
       <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
       </asp:ToolkitScriptManager>
       <asp:Button ID="Button1" runat="server" Text="Click here to show the modal" />
       <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true"
           ontextchanged="TextBox1_TextChanged"></asp:TextBox>
       <asp:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
           runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="Button1"
           PopupControlID="Panel1" PopupDragHandleControlID="PopupHeader" >
       </asp:ModalPopupExtender>
       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
       <ContentTemplate>
       <div id="Panel1" style="display: none;" class="popupConfirmation">
           <div class="popup_Container">
               <div class="popup_Titlebar" id="PopupHeader">
                   <div class="TitlebarLeft">Popup Header</div>
                   <div class="TitlebarRight"></div>
               </div>
               <div class="popup_Body">
                   <asp:Repeater ID="Rptr_popup" runat="server">
                   <ItemTemplate>
                  <%-- <asp:LinkButton ID="lnkbtn_Contperson" runat="server" Text='<%# Eval("contname")%>'></asp:LinkButton>--%>
                   <asp:RadioButton ID="RadioButton1" runat="server"  Text='<%# Eval("contname")%>' TextAlign="Left"/>
                   </ItemTemplate>
                   </asp:Repeater>
               </div>
               <div class="popup_Buttons">
                   <input id="btnOkay" value="Done" type="button" />
                   <input id="btnCancel" value="Cancel" type="button" />
               </div>
           </div>
       </div>
       </ContentTemplate>
       <Triggers>
       <asp:AsyncPostBackTrigger ControlID="TextBox1" />
       </Triggers>
       </asp:UpdatePanel>
   </div>
   </form>


CS code:

C#
protected void TextBox1_TextChanged(object sender, EventArgs e)
        {

            ModalPopupExtender1.Show();
        }
Posted
Comments
Tom Marvolo Riddle 21-Apr-14 1:17am    
Any errors?
prasanna.raj 21-Apr-14 1:20am    
No error But it not show pop window...
Tom Marvolo Riddle 21-Apr-14 1:26am    
Something went wrong with Site.please wait i will update the answer soon
Tom Marvolo Riddle 21-Apr-14 1:31am    
Answer updated.Try it

1 solution

Try this:
You have to wrap the code inside the UpdatePanel
Python
<form id="form1" runat="server">
   <div style="min-height: 700px;">
       <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
       </asp:ToolkitScriptManager>
          <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
       <ContentTemplate>
       <asp:Button ID="Button1" runat="server" Text="Click here to show the modal" />
       <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" ontextchanged="TextBox1_TextChanged"
          ></asp:TextBox>
       <asp:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
           runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="Button1"
           PopupControlID="Panel1" PopupDragHandleControlID="PopupHeader" >
       </asp:ModalPopupExtender>
    
       <div id="Panel1" style="display: none;" class="popupConfirmation">
           <div class="popup_Container">
               <div class="popup_Titlebar" id="PopupHeader">
                   <div class="TitlebarLeft">Popup Header</div>
                   <div class="TitlebarRight"></div>
               </div>
               <div class="popup_Body">
                   <asp:Repeater ID="Rptr_popup" runat="server">
                   <ItemTemplate>
                  <%-- <asp:LinkButton ID="lnkbtn_Contperson" runat="server" Text='<%# Eval("contname")%>'></asp:LinkButton>--%>
                   <asp:RadioButton ID="RadioButton1" runat="server"  Text='<%# Eval("contname")%>' TextAlign="Left"/>
                   </ItemTemplate>
                   </asp:Repeater>
               </div>
               <div class="popup_Buttons">
                   <input id="btnOkay" value="Done" type="button" />
                   <input id="btnCancel" value="Cancel" type="button" />
               </div>
           </div>
       </div>
       </ContentTemplate>
       <Triggers>
       <asp:AsyncPostBackTrigger ControlID="TextBox1" />
       </Triggers>
       </asp:UpdatePanel>
   </div>
   </form>
 
Share this answer
 
v3
Comments
prasanna.raj 21-Apr-14 4:48am    
Thank for your response but it's not working for me...
Tom Marvolo Riddle 21-Apr-14 4:58am    
i guess your browser popup blocker is enabled.set allow popup =true.
I tried at my end it's working

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900