Solved

ModalPopupExtender raising even when user hit the OK button

Posted on 2008-10-23
6
618 Views
Last Modified: 2011-09-20
Just starting with Ajax .NET and i can't find how to call a server codebehind even "C#", when the user hit the "OkControlID" button.

Any other solution than setting a "OnOkScript" javascript and submiting a form?
Is it possible to simply tell the popup to call a server side event when the user hit the "OK" button?

Thanks!!
0
Comment
Question by:jabcoco
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 7

Expert Comment

by:ASPSQLServerCOM
ID: 22793466
There is good explanation on what AJAX is at
http://en.wikipedia.org/wiki/Ajax_%28programming%29
http://www.skeymedia.com/programming/classic-asp-and-ajax-tutorial/
The reference site W3Schools has a good section on AJAX at http://www.w3schools.com/ajax/default.asp
0
 
LVL 10

Expert Comment

by:jinn_hnnl
ID: 22794278
Hi

What I do is, I create a hidden field and set the TargetControlID to that field, the Ok button has it own Click event (which call server side function) and programatically show the ModalPopup, because I need to set values for that PopUp window, so this comes very handy.

 public void LoadMPENewObject()
    {
       //Load new object data depend on pre user input:
       LoadNewObjectPredefined();

       //show the modal popup
        mpe.Show();          
    }


YOu can do the same thing, and even create the modal popup dynamically (look at my code)
(just incase you need reference)

JINN

 public void LoadMPENewObject()
    {
        ModalPopupExtender mpe = new ModalPopupExtender();
        mpe.PopupControlID = pnAddNewObjectPopup.ID;
        mpe.TargetControlID = btAddNew.ID;
        mpe.PopupDragHandleControlID = pnNewObjectCaption.ID;
        mpe.BackgroundCssClass = "modalBackground";
        plhNewobjectMPE.Controls.Add(mpe);
        mpe.Show();
          
    }

Open in new window

0
 
LVL 10

Expert Comment

by:jinn_hnnl
ID: 22794288
And this is the nomarl Button_Click event which load the previous code:

 protected void btAddNew_Click(object sender, EventArgs e)
    {
       //clear the new object popup values
        ucNewObject.ClearForm();

        //Load predata and show popup
        LoadMPENewObject();
    }

JINN
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 10

Accepted Solution

by:
jabcoco earned 0 total points
ID: 22808516
jinn_hnnl, what i was looking for is "executing" code behind C# when user hits the "Ok" button inside the modal popup, not showing a modal popup from code behind

Here is the solution i"m looking for

Thanks for your effort! :)
page.aspx
----------------------
<asp:Panel runat="server" ID="panContent" CssClass="ajax_ModalPopup" Style="display: none">
  <asp:UpdatePanel ID="updtPanelModalPopup" runat="server">
    <ContentTemplate>
      Login:<asp:TextBox ID="txtUser" runat="server"></asp:TextBox><br />
      Pass:<asp:TextBox ID="txtPass" runat="server"></asp:TextBox><br />
      <asp:Button ID="btnOk" runat="server" Text="LogOn" />
    </ContentTemplate>
  </asp:UpdatePanel>
</asp:Panel>
 
<ajaxToolkit:ModalPopupExtender runat="server" ID="modalPopupCtrl"
    PopupControlID="panContent" 
    CancelControlID="btnClose"
    BackgroundCssClass="ajax_ModalPopupBackground"/>
 
page.aspx.cs
----------------------
void btnOk_Click(object sender, EventArgs e){
   ...//add your server side code and use modalPopupCtrl.hide() to close popup. and updtPanelModalPopup.Update();}

Open in new window

0
 
LVL 10

Expert Comment

by:jinn_hnnl
ID: 22809014
Hi, sorry for late response.

Have you solved your problem? If you want to execute on any Button click as that button click is inside the ModalPopup, then just do it normally, set the OnClick event equals btnOk_Click, just like any another server button.

Incase you dont see anychanges was made, and actually the button was fired, page was posted back to server, but because you have that ok button inside the UpdatePanel, that's why only partly of the page/the updatePanel was updated. In that case, try to allocate the OkButton outside the updatePanel

Hope this help

JINN
0
 
LVL 10

Author Comment

by:jabcoco
ID: 22809093
jinn_hnnl, thanks! But has you can see i've solve my problem with the current question.

But i still have a other problem, maybe you can help on this ajax subject.
Please refer to : http://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q_23849113.html

thanks :)
0

Featured Post

Enroll in July's Course of the Month

July's Course of the Month is now available! Enroll to learn HTML5 and prepare for certification. It's free for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…

636 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question