怎样在父窗口中获得弹出的子窗口中的值！

昵称11448503 2013-05-06

展开全文

怎样在父窗口中获得弹出的子窗口中的值！

以前做过一个项目中要求当填写联系人的时候，点击一个按钮后弹出一个子窗口，选中子窗口中的联系人后，将选中的联系人的值填充到父窗口来，当时以为很简单，但一做起来就发现不是很好下手，最近，当我看到一篇写ASP.NET的回传机制的文章后，终于有一点头绪了，于是就做了一个类似的小例子，就是在一个窗口中点击一个按钮后弹出一个子窗口然后将选中的子窗口的值填充到父窗口的一个TextBox中，详细说明如下：

1.首先是父窗口中我只定义了一个Button和一个TextBox,具体代码如：(父窗口叫WebForm1.aspx)

下面是.aspx页面上的代码：

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="Wtest.WebForm1" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>WebForm1</title>

function OpenWindow()

{

window.open('test.aspx','','height=200,width=200,left=200,top=150,location=no,menubar=no,resizable=false,scrollbars=yes,status=no,titlebar=no,toolbar=no');

}

function init(userName)

{

__doPostBack("userName",userName);

}

function DisplayName(para)

{

document.getElementById('<%= TextBox1.ClientID%>').value = para;

}

</script>

</HEAD>

<input id="Button1" style="Z-INDEX: 101; LEFT: 216px; POSITION: absolute; TOP: 152px" onclick="OpenWindow();"

type="button" value="打开" name="btnOk" runat="server">

<asp:TextBox id="TextBox1" style="Z-INDEX: 102; LEFT: 272px; POSITION: absolute; TOP: 152px"

runat="server"></asp:TextBox></form>

</body>

</HTML>

这个父窗口(WebForm1.aspx.cs)的后台CS里面的代码如下：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace Wtest

{

/// <summary>

/// WebForm1 的摘要说明。

/// </summary>

public class WebForm1 : System.Web.UI.Page

{

protected System.Web.UI.HtmlControls.HtmlInputButton Button1;

protected System.Web.UI.WebControls.TextBox TextBox1;

private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

if (Request["__EVENTTARGET"]=="userName")

{

string userName = Request["__EVENTARGUMENT"].ToString();

Page.RegisterStartupScript("DisplayName","<script language='javascript'>DisplayName('"+ userName +"');</script>");

}

Web 窗体设计器生成的代码

private void Button1_ServerClick(object sender, System.EventArgs e)

{

}

2.然后就是弹出的子窗口的代码(test.aspx):

首先是页面上的代码：

<%@ Page language="c#" Codebehind="test.aspx.cs" AutoEventWireup="false" Inherits="Wtest.test" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

function Close()

{

window.close();

window.opener.focus();

return false;

}

function setName(userName)

{

window.opener.init(userName);

Close();

}

</script>

</HEAD>

<tr>

<tr>

<asp:listbox id="ListBox1" Width="100%" runat="server" Height="176px">

<asp:ListItem Value="hekai">何凯</asp:ListItem>

<asp:ListItem Value="wuyu">吴禹</asp:ListItem>

<asp:ListItem Value="gaochao">高超</asp:ListItem>

<asp:ListItem Value="zs">张松</asp:ListItem>

<asp:ListItem Value="dc">蠹虫</asp:ListItem>

<asp:ListItem Value="zhouXX">周星星</asp:ListItem>

<asp:ListItem Value="XiMu">西木</asp:ListItem>

</asp:listbox></td>

</tr>

</table>

</td>

</tr>

<tr>

<asp:button id="Button1" runat="server"

Text="确定"></asp:button>

</td>

</tr>

</table>

</form>

</body>

</HTML>

接着是该子窗口的后台CS代码：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace Wtest

{

/// <summary>

/// test 的摘要说明。

/// </summary>

public class test : System.Web.UI.Page

{

protected System.Web.UI.WebControls.ListBox ListBox1;

protected System.Web.UI.WebControls.Button Button1;

private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

}

Web 窗体设计器生成的代码

private void Button1_Click(object sender, System.EventArgs e)

{

Page.RegisterStartupScript("SetLinkMan","<script language='javascript'>setName('"+ ListBox1.SelectedValue +"');</script>");

}

我再来详细的说明一下上面的代码的意思：

其实这个例子的原理是利用了ASP.NET的回发机制做的(doPostBack),我们找到，在一个aspx页面中只要有回发

控件，则在生成了aspx页面中产生出这样子一段代码：

<!--

function __doPostBack(eventTarget, eventArgument) {

var theform;

if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {

theform = document.Form1;

}

else {

theform = document.forms["Form1"];

}

theform.__EVENTTARGET.value = eventTarget.split("$").join(":");

theform.__EVENTARGUMENT.value = eventArgument;

theform.submit();

}

// -->

</script>

我们正是利用了这样一个机制，来将弹出窗口的值传回到父窗口中来，其实在子窗口中，我们只是

将获取到的值利用window.opener.init("要传送的值")这个方法将值发到父窗口中，但实际是回发后父窗口

并没有马上获取到这个从其子窗口传回来的值，在这里，我们是利用了一个__doPostBack()函数来让

父窗口获取得到这个值的，因为只要有回发操作发生，都会调用这个__doPostBack()函数，正是利用

ASP.NET的这一机制，使我们可以获取到从子窗口传回来的值。

注意：我刚开始做的时候发现页面上并没有__doPostBack()这个方法，后来google一下才知道必须有

能够触发回发机制产生的控件才会产生该方法，我当时的父窗口的Button是用的客户端控件，所以

不会产生doPostBack函数，因为服务器端的Button可以触发回发产生，所以我让这个Button的属性

设置为runat='server'，于是就可以产生回发了，但是如果你页面上没有button而你又想让页面回发，其实

还有一种方法就是　将某个服务器控件的AutoPostBack设置为True就可以了，比如说一个TextBox想这样

设置以后也可以产生回发。

本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。

转藏分享

QQ空间 QQ好友新浪微博微信

献花（0） +1

来自：昵称11448503 > 《编程开发》

举报/认领

0条评论

发表

请遵守用户评论公约

类似文章 更多

昵称11448503

关注对话

TA的最新馆藏

书上的文字快速输入到电脑
ASP.NET ViewState详解
怎样在父窗口中获得弹出的子窗口中的值！
.net上传文件，大文件及下载方式汇总(转)
点击按钮取GridView当前被操作行的数据
ASP.NET中弹出消息框的几种方法

喜欢该文的人也喜欢更多

热门阅读换一换