Modal Popup extender does not work when "OK" or "Cancel"

Question

5.00/5 (1 vote)

See more:

i have 2 panels.. i used model popup extender

ASP.NET

<div style="background-position: 99% 7px; cursor:pointer">
  <asp:Panel runat="server" ID="RootPanel" CssClass="panel" >
    <p><asp:Label ID="Nameh" runat ="server" Text ="Name: "></asp:Label>  
       <asp:Label ID="Name" runat ="server" Text ="Variable Text "></asp:Label></p>
  </asp:Panel>
</div>

<asp:Panel runat="server" ID="ChildPanel" CssClass="ModelPopupPanel">
  <p><label>Name: </label><asp:TextBox ID="TbxName" runat="server" CssClass="tb5"></asp:TextBox></p>

  <p><asp:Button runat="server" ID="DoneButton" Text="Done" CssClass="btn"> 
     <asp:Button runat="server" ID="btnCancel" Text="Cancel" CssClass="btn" /> </p>
</asp:Panel>

<asp:ModalPopupExtender ID="AddressRootPanel_ModalPopupExtender" runat="server" BackgroundCssClass="ModelBackground"
        DynamicServicePath="" Enabled="True" TargetControlID="RootPanel" 
        PopupControlID="ChildPanel" DropShadow="True" CancelControlID="btnCancel"
         ViewStateMode="Enabled" />

Popup works fine at first when i click on the RootPanel (which is targetControlID of ModalPopupExtendar ).

But problem is when ChildPanel popup and i click on "btnCancel", ChildPanel get closed

and Next time it does not Popup as it did first time ??? Please help

Posted 11-Sep-11 4:40am

awaisdar

Updated 11-Sep-11 4:46am

Simon Bang Terkildsen

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

awaisdar · Accepted Answer · 2011-09-11T13:06:00

well no one answer but i finally done it Thanks to those who only viewed anyways this is the way to to go.... using an update panel and instead of giving okControlid and CancelControlid in ModalPopupExtender we will use a very simple way which is assinging BtnDone/OKbutto to trigger of Update
Panel.. you can see the how i used it.. :)

C#

<div style="background-removed: 99% 7px; removed:pointer">

 

<asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional" >
<ContentTemplate>


<asp:Panel runat="server" ID="RootPanel" CssClass="panel" >
<p>
<asp:Label ID="Nameh" runat ="server" Text ="Name: "></asp:Label>  
<asp:Label ID="Name" runat ="server" Text ="Variable Text "></asp:Label>
</p>
</asp:Panel>

<asp:ModalPopupExtender ID="AddressRootPanel_ModalPopupExtender" runat="server" BehaviorID="myBehavior1"
        BackgroundCssClass="ModelBackground"
        DynamicServicePath="" Enabled="True" TargetControlID="RootPanel"  
        PopupControlID="ChildPanel" DropShadow="True"
        ViewStateMode="Enabled" />
        
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="DoneButton" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="btnCancel" />
</Triggers>

</asp:UpdatePanel>

</div>

     <asp:Panel runat="server" ID="ChildPanel" CssClass="ModelPopupPanel">
<p><label>Name: </label><asp:TextBox ID="TbxName" runat="server" CssClass="tb5"></asp:TextBox></p>
</asp:Panel>