JQuery dialog弹出对话框解决Asp.net服务器控件无法执行后台代码的方法

 主要问题是出在:JQuery会把Dialog的元素append到Body里面,而不是form里面。
这就导致了Dialog模板内表单全部失效。

解决方法是增加一行代码即可:dlg.parent().appendTo(jQuery("form:first")); 

也就是修改开始部分创建对话框的脚本即可:

Js代码  
  1. <script language="javascript">  
  2.         $(function(){  
  3.             var dlg = jQuery("#dd").dialog({  
  4.                 draggable: true,  
  5.                 resizable: true,  
  6.                 closed:true,  
  7.                 show: 'Transfer',  
  8.                 hide: 'Transfer',  
  9.                 autoOpen: false,  
  10.                 600,  
  11.                 minHeight: 10,  
  12.                 min 10  
  13.             });  
  14.             dlg.parent().appendTo(jQuery("form:first"));  
  15.         });  
  16.   
  17.         function open1(){  
  18.             $('#dd').dialog('open');  
  19.         }  
  20.         function close1(){  
  21.             $('#dd').dialog('close');  
  22.         }  
  23.     </script>  

  另外你也可以通过这种方法来处理该问题:

Js代码  
  1.  $('#dialog_link').click(function () {   
  2.   
  3.    $('#dialog').dialog('open');  
  4.     $('#dialog').parent().appendTo($("form:first"))  
  5.     return false;  
  6.   
  7. });  
 
 
 
原文地址:https://www.cnblogs.com/tyf0422/p/3064601.html