how to execute server side click event after jquery pop up messgae

Question

5.00/5 (1 vote)

See more:

XML

<script type = "text/javascript" >
  $("[id*=btnModalPopup]").live("click", function() {
    $("#modal_dialog").dialog({
      title: "jQuery Modal Dialog Popup",
      buttons: {
        OK: function() {
          $(this).dialog('close');
        }
      },
      modal: true
    });
    return false;
  }); < /script>

<div id="modal_dialog" style="display: none">
  This is a Modal Background popup
</div>
<asp:Button ID="btnModalPopup" runat="server" Text="Show Modal Popup" OnClick="btnModalPopup_Click" />

Above Code Shows J query popup Message.It Works fine. but after popup message i need to execute server Side Code if i Remove Return False from the script it execute the server Side Code But Popup message disappears. It should execute After popup's OK button Click

Posted 19-Oct-14 21:35pm

kedar001

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)

Kornfeld Eliyahu Peter · Answer 1 · 2014-10-19T21:54:00

You have to understand the flow of your code...
Case A:
1. on click the dialog created and shown as modal
2. return false breaks the normal flow and the click even not sent to the server
Case B:
1. on click the dialog created and shown as modal
2. no return false so the normal flow sends the click to the server - in this case all your page are re-posted so no dialog anymore

Basically you can call click event of the button using jQuery - the problem is that you are creating a loop, as the client click will be raised too...So the probably simplest way is using two buttons - one for the client and an other (hidden) for the server...

ASP.NET

<script type = "text/javascript" >
  $("[id*=btnModalPopup]").live("click", function() {
    $("#modal_dialog").dialog({
      title: "jQuery Modal Dialog Popup",
      buttons: {
        OK: function() {
          $(this).dialog('close');
          $("#btnModalPopupServer").click();
        }
      },
      modal: true
    });
    return false;
  }); < /script>

<div id="modal_dialog" style="display: none">
  This is a Modal Background popup
</div>
<asp:Button ID="btnModalPopup" runat="server" Text="Show Modal Popup" />
<asp:Button ID="btnModalPopupServer" runat="server" OnClick="btnModalPopup_Click" style="display:none" />