Well that button should behave just like any other web forms button without a dialog. One thing I’ve done to test my forms is to make your dialog div visible when you render the page and disable the dialog call to it. Then test the markup out as-is, flat on the page. If it all works, then it should also work within a dialog. Remember, that the jquery dialog is part of the same DOM as the original page (usually). So the events should wire up just the same.

I would also make sure you’re nesting that dialog content in a <form runat=server> I think typical practice (from what I recall) is to wrap the entire page in a <form runat=server>

One more tip. For debugging this stuff, I personally really like to use Firefox/Firebug addon combo. Their script debugger is pretty clean and easy to use. In this case, since your button is not firing, it would tell you if there was a js error on the page, or if the event fired at all.

Good luck!

Kindly help. Looking forward to your earliest and positive response…

This solution is specifically for web forms and definiteliy will not work for MVC. (I personally don’t use web forms anymore), so using a jquery confirmation dialog in MVC is 1000x simpler.

Basically in MVC, you’re using traditional HTML/javascript. There’s no server events or click handlers that you have to emulate. So really what you end up with is something like this:

First, your initial button that causes the dialog will be either a <input type="button" class="action-dosomething" value="Do Something"/&gt or an <a href="#" class="action-dosomething">Do Something</a&gt anchor. Then you’ll use jquery to wire into that (instead of OnClientClick) with:

$(document).ready(function(){
$('.action-dosomething').click(function(){
//pop your dialog here.
$('.yourdialog').dialog('open');
return false; //for <a> return false to prevent the hyperlink from working
});
})

Place an id attribute on your form <form id="formId"&gt. Make sure you remove runat=server.
Finally, in your OK action handler for the dialog, you can then continue the submission
$('#formId').submit() or simply close the dialog on Cancel $('.yourdialog').dialog('close').

Hope that gets you started! Forgive any of my on-the-fly syntactical errors.

Thanks for this tutorial. It works fine in an asp website project,

However I cannot get it running on an asp.net mvc page. The dialog box displays when I click the button in the dialog box nothing happens. It doesn’t execute the code in the button_click event handler.

Please advise.

I wrote this article quite some time ago, and my immediate disclaimer is that I used web forms since then. So I’m a little rusty on web forms. All code like this kind of goes away in MVC. Regardless, I’ll still try my best to help you out.

Thanks!