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.                 width:600,  
11.                 minHeight: 10,  
12.                 minwidth: 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/archive/2013/05/07/3064601.html