Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

JQuery.UI Dialog with ASP.NET empty post values

4.75/5 (3 votes)
8 Jun 2009CPOL 26.5K  
I ran into an issue using a jQuery.UI.Dialog control on an ASP.NET web form today. When defining a dialog, jQuery.UI takes the dialog and appends it right before the closing tag.

I ran into an issue using a jQuery.UI.Dialog control on an ASP.NET web form today. When defining a dialog, jQuery.UI takes the dialog and appends it right before the closing </body> tag. This is outside of the <form> tag causing any values you wanted from the form to be empty in your code-behind.

Here is the fix that worked for me:

$("#dialog").parent().appendTo("/html/body/form[0]");

This works great and the dialog now displays as expected, capturing the results in the code behind except I originally wanted the dialog wrapped in a UpdatePanel. In order to fix this issue, I created an empty div and appended the dialog content there:

$("#dialog").parent().appendTo("#dialog_target");

Not the results I expected. When the content refreshes, the dialog is messed up. The answer was to move the content panel inside of the dialog with the user control doing all the work!!!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)