How call c# button event from JQuery Dialog

Question

This was my precedent implementation:

In example.aspx:

<asp:Button ID="rejectButton" runat="server" Text="REJECT" OnClick="OnRejectButtonClick"/>

and in example.aspx.cs:

protected void OnRejectButtonClick(object sender, EventArgs e)
{
    // a lot of stuff...
    rejecter();
}

... this works.

Now I need a dialog for confirm the rejecting. Now my code is:

In example.aspx:

<asp:Button ID="rejectButton" runat="server" Text="REJECT" OnClientClick="return openDialog();"/>

<div id="dialog" title="Seleziona causa">
    <p>... bla bla...</p>
</div>

<script>
    $(function () {
        $("#dialog").dialog({ autoOpen: false, modal: true, show: "blind", hide: "blind",
            buttons: {
                "Okay": function () {
                    OnRejectButtonClick; // DOESN'T WORK!
                    $(this).dialog("close");

                },
                "Annulla": function () {
                    $(this).dialog("close");
                }
            }
        });
    });

    function openDialog() {
        $("#dialog").dialog("open");
        return false;
    }
</script>

and example.aspx.cs is not changed.

But after this changing, the call to OnRejectButtonClick event doesn't fire anymore. How can I fix this?

Ayman Barhoum · Accepted Answer · 2015-12-09 09:42:28Z

2

If you don't want to use jquery you can use this :

__doPostBack('<%= rejectButton.UniqueID %>', "");

so your code will be like this :

   $(function () {
        $("#dialog").dialog({ autoOpen: false, modal: true, show: "blind", hide: "blind",
            buttons: {
                "Okay": function () {
                    __doPostBack('<%= rejectButton.UniqueID %>', "");
                    $(this).dialog("close");

                },
                "Annulla": function () {
                    $(this).dialog("close");
                }
            }
        });
    });

answered Dec 9, 2015 at 9:42

Ayman Barhoum

1,2551 gold badge18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mybirthname · Accepted Answer · 2015-12-09 09:43:10Z

2

You need to call it with jquery.

//before you click the button you should set a global variable
serverEx = true;
$("#rejectButton").click();

And in your OnClientSciprt method for the reject button openDialog

function openDialog() {

    if(serverEx)
       return true;

    $("#dialog").dialog("open");
    return false;
}

Add ClientIDMode="Static" to the button like Chris Davis said.

edited Dec 9, 2015 at 9:43

answered Dec 9, 2015 at 9:40

mybirthname

18.2k3 gold badges35 silver badges59 bronze badges

2 Comments

Chris Davis Over a year ago

Note that you will need ClientIDMode="Static" on the tag for this to work, as it's an ASP tag and the ID will be generated before transforming into HTML, resulting in a slightly different ID.

mybirthname Over a year ago

@ChrisDavis yes I forgot about that.

Stephen Reindl · Accepted Answer · 2015-12-09 09:42:53Z

0

You could try something like this:

__doPostBack('rejectButton','OnClick');

to actually perform the asp.net action.

answered Dec 9, 2015 at 9:42

Stephen Reindl

5,8292 gold badges36 silver badges40 bronze badges

Collectives™ on Stack Overflow

How call c# button event from JQuery Dialog

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related