zoukankan      html  css  js  c++  java
  • 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. });  
     
     
     
  • 相关阅读:
    [CF724G]Xor-matic Number of the Graph
    [SOJ #537]不包含 [CF102129I]Incomparable Pairs(2019-8-6考试)
    [SOJ #538]好数 [CC]FAVNUM(2019-8-6考试)
    [洛谷P4052][JSOI2007]文本生成器
    [洛谷P3966][TJOI2013]单词
    [洛谷P5158]【模板】多项式快速插值
    [洛谷P3227][HNOI2013]切糕
    【bzoj】3477: [Usaco2014 Mar]Sabotage 01分数规划
    【SPOJ
    【以前的空间】系列
  • 原文地址:https://www.cnblogs.com/tyf0422/p/3064601.html
Copyright © 2011-2022 走看看