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!!!