asp.net弹出窗口并返回值

最新推荐文章于 2017-04-04 12:26:48 发布

weixin_33813128

最新推荐文章于 2017-04-04 12:26:48 发布

阅读量302

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/steven_liu/archive/2009/06/07/1498119.html

本文介绍如何使用JS的showModalDialog方法创建自定义尺寸和特性的模态弹窗，并实现数据的双向传递。通过具体示例代码展示了弹窗的开启与关闭流程及数据交互方式。

本示例是利用JS的showModalDialog方法弹出响应窗口

调用方法为

window.showModalDialog(url,window, " DialogHeight=180px;dialogWidth:370px;status:no;scrollbars:auto;Resizable=no; " );

参数说明：
1.dialogHeight :对话框高度。
2.dialogWidth: 对话框宽度。
3.status: yes | no | 1 | 0 是否显示状态栏。
4.scrollbars : yes/no 窗口是否可有滚动栏。
5.resizable: yes | no | 1 | 0 是否可被改变大小。默认no。

为了防止弹出的新窗口不打开窗口，需要在弹出的窗口<head></head>之间加上 <base target="_self">
在弹出窗口中输入 ID 和Name，点确定后输入的值被传入到Default.aspx界面

弹出页面返回的是js数组,并调用 window.close()方法关闭弹出窗口

Response.Write( " <script language=javascript>var arrArgs = new Array(' " + id + " ',' " + name + " ');window.returnValue=arrArgs;window.close();</script> " );

完整的JS代码

JS
1 function OpenPage()
2     {
3        var url = "Default2.aspx";
4        var result=window.showModalDialog(url,window,
                 "DialogHeight=180px;dialogWidth:370px;status:no;scrollbars:auto;Resizable=no;");
5        if (result != null)
6        {
7            document.all.<%=txtID.ClientID%>.value = result[0].toString();
8            document.all.<%=txtName.ClientID%>.value = result[1].toString();
9        }
10        return false;
11     }

本示例Demo下载/Files/steven_liu/OpenForm.rar

转载于:https://www.cnblogs.com/steven_liu/archive/2009/06/07/1498119.html