asp.net子窗体与父窗体交互实战分享

 更新时间:2021年9月22日 10:17  点击:1663

今天在项目上遇到了这个问题,其实只是window.returnValue的简单应用,不是asp.net的专属内容。作为积累,记录一个简单的实现模型。

图1  用到的文件

   从图1中我们可以看到,只用到了两个页面,其中Default.aspx作为父页面,Default2.aspx作为子页面被弹出。Default.aspx页面上有两个TextBox一个Button,代码如下:

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox runat="server" ID="a1">
</asp:TextBox>
<asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click"/>
</div>
</form>
</body>
</html>

在Button1的Click事件中,我们注册弹窗脚本,代码如下:
复制代码 代码如下:

protectedvoid Button1_Click(object sender, EventArgs e)
{
StringBuilder s =new StringBuilder();
s.Append("<script language=javascript>");
s.Append("var a=window.showModalDialog('Default2.aspx');");
s.Append("if(a!=null)");
s.Append("document.all('TextBox1').value=a;");
s.Append("</script>");
Type cstype =this.GetType();
ClientScriptManager cs = Page.ClientScript;
string sname ="lt";
if (!cs.IsStartupScriptRegistered(cstype, sname))
cs.RegisterStartupScript(cstype, sname, s.ToString());
}

其中  s.Append("var a=window.showModalDialog('Default2.aspx');");一句用来弹窗Default2.aspx页面并接收它的返回值。

接收了返回值之后我们把它赋值给TextBox1.

 Default2.aspx页面有一个TextBox和一个Button,代码如下:

 (这里需要注意的是在head里的<base target="_self"/>标记十分重要。

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<base target="_self"/>
</head>

<body>
<form id="form1" runat="server">
<div>
<asp:textbox runat="server" ID="t1"></asp:textbox>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click"/>

</div>
</form>
</body>
</html>

我们在Default2.aspx页面的Button_Click事件中使用脚本返回一个值给父页面。代码如下:
复制代码 代码如下:

protectedvoid Button1_Click(object sender, EventArgs e)
{
StringBuilder s =new StringBuilder();
s.Append("<script language=javascript>"+"\n");
s.Append("window.returnValue='"+this.GetSelectValue() +"';"+"\n");
s.Append("window.close();"+"\n");
s.Append("</script>");
Type cstype =this.GetType();
ClientScriptManager cs = Page.ClientScript;
string csname ="ltype";
if (!cs.IsStartupScriptRegistered(cstype, csname))
cs.RegisterStartupScript(cstype, csname, s.ToString());

}

脚本注册成功之后,我们可以做如下的实验:

1)打开Default1.aspx页面在id为a1的TextBox中输入数字55,然后点击Button

2)在弹窗中输入数字66再点子窗体的按钮关闭子窗体。

3)查看结果

从结果中,我们可以看出我们保留了先输入到父窗体中的值,又接收了从子窗体传递过来的值。

[!--infotagslink--]

相关文章

  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现,故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25
  • C#实现窗体与子线程的交互的方法

    这篇文章主要介绍了C#实现窗体与子线程的交互的方法,对初学者有一定的学习借鉴价值,需要的朋友可以参考下...2020-06-25
  • 微信小程序与webview H5交互的方法(内嵌H5跳转原生页面)

    小程序webView中嵌套H5页面,难免会遇到小程序与h5页面进行数据通信或交互的场景,下面这篇文章主要给大家介绍了关于微信小程序与webview H5交互的相关资料,内嵌H5跳转原生页面,需要的朋友可以参考下...2022-11-24
  • php和js交互一例

    php和js交互一例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled</title> <script language="JavaScrip...2016-11-25
  • node.js+postman实现模拟HTTP服务器与客户端交互

    本文主要介绍了node.js+postman实现模拟HTTP服务器与客户端交互,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-30
  • 简单谈谈lua和c的交互

    要理解Lua和C++交互,首先要理解Lua堆栈。简单来说,Lua和C/C++语言通信的主要方法是一个无处不在的虚拟栈。栈的特点是先进后出。...2020-06-30
  • 浅析MVP模式中V-P交互问题及案例分享

    如果从层次关系来讲,MVP属于Presentation层的设计模式。对于一个UI模块来说,它的所有功能被分割为三个部分,分别通过Model、View和Presenter来承载。Model、View和Presenter相互协作,完成对最初数据的呈现和对用户操作的响应,它们具有各自的职责划分。...2021-09-22
  • WinForm子窗体访问父窗体控件的实现方法

    WinForm子窗体访问父窗体控件的实现方法,需要的朋友可以参考一下...2020-06-25
  • python与mysql数据库交互的实现

    这篇文章主要介绍了python与mysql数据库交互的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-04-30
  • 如何理解Vue前后端数据交互与显示

    这篇文章主要介绍了如何理解Vue前后端数据交互与显示,对Vue感兴趣的同学,可以参考下...2021-05-10
  • windows中允许服务与桌面交互的更改方法示例

    这篇文章主要介绍了windows中允许服务与桌面交互的更改方法,需要的朋友可以参考下...2021-09-22
  • C语言和go语言之间的交互操作方法

    下面小编就为大家带来一篇C语言和go语言之间的交互操作方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-04-25
  • 网页(aspx)与用户控件(ascx)交互逻辑处理实现

    为了以后好维护,把几个页面(ASPX)相同的部分抽取放在一个用户控件(ASCX)上,现在把逻辑分享下,感兴趣的各位可以参考下哈...2021-09-22
  • UnityWebRequest前后端交互实现过程解析

    这篇文章主要介绍了UnityWebRequest前后端交互实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-11-03
  • .NET实现父窗体关闭而不影响子窗体的方法

    这篇文章主要介绍了.NET实现父窗体关闭而不影响子窗体的方法,很实用的功能,需要的朋友可以参考下...2020-06-25
  • C# Winform 子窗体访问父级窗体的控件和属性

    本文主要介绍两种子窗体访问父窗体控件和属性的方法,大家可以参考一下,本人比较偏向第二种,把父窗体作为属性传递,一劳永逸,想访问父窗体的什么控件属性都可以。...2020-06-25
  • .NET实现可交互的WINDOWS服务的实例代码

    那么来看一下如何才能实现一个可交互的服务呢。步骤与实现基本的服务一样...2021-09-22
  • asp.net子窗体与父窗体交互实战分享

    用到了两个页面,其中Default.aspx作为父页面,Default2.aspx作为子页面被弹出。Default.aspx页面上有两个TextBox一个Button通过测试我们可以看出我们保留了先输入到父窗体中的值,又接收了从子窗体传递过来的值...2021-09-22
  • winform c#中子窗体关闭刷新父窗体的实例

    下面小编就为大家带来一篇winform c#中子窗体关闭刷新父窗体的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
  • python树莓派通过队列实现进程交互的程序分析

    这篇博客就结合实际的python程序通过队列实现进程交互,通过程序分析需要的库函数,对python树莓派进程交互相关知识感兴趣的朋友一起看看吧...2021-07-05