Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/270.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 如何设置弹出式表单页面?_C#_Jquery_.net_Asp.net - Fatal编程技术网

C# 如何设置弹出式表单页面?

C# 如何设置弹出式表单页面?,c#,jquery,.net,asp.net,C#,Jquery,.net,Asp.net,可能重复: 我有2个aspx页面 1。Summary.aspx 2更新.ascx 上面两页都很好。我在摘要页面上有一个链接,指向update.ascx页面 如何设置代码,使update.ascx在后台弹出不可点击的摘要页面?基本思想是在iframe中呈现update.aspx。然后在模式div中显示iframe以及另一个div以阻止背景页面 如果您正在使用jQuery,那么有很多插件可以为您做所有的基础工作,并且还具有更好的浏览器兼容性 Fancybox就是这样一个插件:使用jquery,或者

可能重复:

我有2个aspx页面

1。Summary.aspx

2更新.ascx

上面两页都很好。我在摘要页面上有一个链接,指向update.ascx页面


如何设置代码,使update.ascx在后台弹出不可点击的摘要页面?

基本思想是在iframe中呈现update.aspx。然后在模式div中显示iframe以及另一个div以阻止背景页面

如果您正在使用jQuery,那么有很多插件可以为您做所有的基础工作,并且还具有更好的浏览器兼容性

Fancybox就是这样一个插件:

使用jquery,或者类似的东西

<div id="popup">loading...</div>
<a id="popup_link">show popup</a>


<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $("#popup_link").bind("click", function(){
            $("#popup").load("update.aspx").dialog({modal:true});
        });
    });
</script>
正在加载。。。
显示弹出窗口
$(文档).ready(函数(){
$(“弹出链接”).bind(“单击”,函数(){
$(“#popup”).load(“update.aspx”).dialog({modal:true});
});
});