Using JQueryUI dialog in ASP.NET

Question

i'm trying to replace the standard javascript confirm function with a JQueryUI dialog. I've searched for solutions, but nothing seems to work for me. What i want is simple: click an ASP.Net button, display the dialog, continue if "Yes" is pressed. Current javascript code:

    $(document).ready(function () {

        $("#confirmDialog").dialog({
            autoOpen: false,
            modal: true,
            closeOnEscape: false,
            bgiframe: true,
            open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide() },
            buttons: {
                "Yes": function () {
                    $(this).dialog('close');
                    return true;
                },
                "No": function () {
                    $(this).dialog('close');
                    return false;
                }
            }
        });
    });

    function showDialog() {
        $("#confirmDialog").dialog('open');
        return false;
    }

ASP.NET code:

            <asp:Button ID="DeleteButton" CssClass='button' onmouseout="this.className='button'"
                onmouseover="this.className='button:hover'" runat='server' Text='Delete' Width='1in'
                Height="30px" OnClientClick="javascript:showDialog();" OnClick="DeleteSetup"/>

What's happening is that the dialog is displayed, but DeleteSetup vb.net sub is called before anything is selected in the dialog.

Thanks in advance for any help or advice.

jQuery dialog doesn't block a javascript execution. So everytime showDialog function will return false value and server side event wasn't fired. — IUnknown
– IUnknown, Commented Jul 19, 2011 at 13:29

Claudio Redi · Accepted Answer · 2011-07-19 13:17:59Z

5

Try changing your OnClientClick declaration to this

OnClientClick="return showDialog();"

answered Jul 19, 2011 at 13:17

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

1 Comment

rht341 Over a year ago

I changed the OnClientClick as recommended, but that didn't help. The dialog appears, but processing continues, the OnClick event fires (even though the dialog was declared modal). I'm sure the reason this i can't make this work is my lack of understanding (though i've tried). All i want is for this dialog to behave like the standard javascript confirm function. How? Thanks.

Collectives™ on Stack Overflow

Using JQueryUI dialog in ASP.NET

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related