Modalpopup does refresh the control

Question

2.33/5 (3 votes)

See more:

I want to open ModalPopUp on button click

My code is

ASP.NET

                       <asp:Button runat="server" ID="btnAdd"  Text="Add"
                           CausesValidation="false" AutoPostBack="True" OnClick="btnAdd_Click" />
                       <ajaxToolkit:ModalPopupExtender Enabled="false"  runat="server" ID="MPEAddNew" TargetControlID="btnAdd"
                           CancelControlID="btncancel" BackgroundCssClass="modalBackground" PopupControlID="popUpPanel">
                       </ajaxToolkit:ModalPopupExtender>
                       <br />
                       <asp:Panel ID="popUpPanel" runat="server" CssClass="modalPopup" Visible="false">
                           <table width="100%" border="1">
                               <tr>
                                   <td colspan="2">
                                       <div class="dvTitle">
                                           Modal Pop Up</div>
                                   </td>
                               </tr>
                               <tr>
                                   <td align="left">
                                       <div  style="height: auto">
                                           <table>

                                               <tr>
                                                   <td style="text-align: left">
                                                       <asp:Label ID="Label2" runat="server" Text="Bank" /><asp:Label runat="server" ForeColor="Red">*</asp:Label>
                                                   </td>
                                                   <td style="text-align: left">
                                                       <asp:UpdatePanel runat="server" ID="udpddlBank" >
                                                           <ContentTemplate>
                                                               <asp:DropDownList runat="server" ID="ddlBank"
                                                                   AutoPostBack="true">
                                                               </asp:DropDownList>
                                                               <asp:RequiredFieldValidator ID="rfvBank" runat="server" ControlToValidate="ddlBank"
                                                                   ValidationGroup="frmDFSOInfo" ErrorMessage="Bank Required" CssClass="fa text-red"
                                                                   SetFocusOnError="True" InitialValue="0" Display="Dynamic"></asp:RequiredFieldValidator>
                                                          </ContentTemplate>

                                                       </asp:UpdatePanel>
                                                   </td>
                                               </tr>
<tr>

                                                   <td>
                                                       <asp:Button ID="btncancel" runat="server"  Text="Cancel"
                                                           />
                                                   </td>
                                               </tr>
                                           </table>
                                       </div>
                                   </td>
                               </tr>

                           </table>
                       </asp:Panel>
                   </ContentTemplate>

               </asp:UpdatePanel>

c#

After page load when I click on Add button first it bind ddlBank.
And then I select bank and click on cancel button further click on Add button (Here event does not fire)

What I have tried:

C#

protected void btnAdd_Click(object sender, EventArgs e)
    {
        try
        {        
           
            ddlBank.Items.Add(new ListItem("SELECT ONE","0"));
            ddlBank.Items.Add(new ListItem("INDIAN OVER SEAS BANK","1"));
            ddlBank.Items.Add(new ListItem("STATE BANK OF INDIA","2"));
            MPEAddNew.Show();
            MPEAddNew.Enabled = true;
            popUpPanel.Visible = true;
}

Posted 13-Apr-16 0:04am

Member 7909353

Updated 17-Apr-16 19:32pm

v2

Add a Solution

Comments

[no name] 13-Apr-16 6:36am

Can you elaborate more. your question is not clear.

Member 7909353 13-Apr-16 6:41am

when I click Add button first time it shows modalpopup and Bind Items to drop down list and then I hide modalpopup by clicking on cancel button it hide.
After above steps I click on add button it does fire event

[no name] 13-Apr-16 6:51am

What code you have write on the cancel button?
Is it $('#modal').hide() or $('#modal').modal('hide');

Member 7909353 13-Apr-16 7:19am

No! I specify in ModalPopUp CancelControlID="btncancel"

Rojalin Sahoo 13-Apr-16 8:11am

did your modalpopupControl is within update panel? You could use style="display:none;" for PopupPanel instead of visible attribute, so that popUpPanel.Visible = true; will not be needed on code-behind.

MohamedEliyas 13-Apr-16 9:22am

please use one update panel.. that updatepanel put into the panel inside and then cancel button place the form ... and conrol the cancel id put the modelpopup

i hope help u....

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)

Member 7909353 · Accepted Answer · 2016-04-17T19:32:00

Solution 1

On calncle button click

C#

            MPEAddNew.Hide();
            MPEAddNew.Enabled = false;
            popUpPanel.Visible = false;
// and clear all fields

Posted 17-Apr-16 19:32pm

Member 7909353