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

今天在项目上遇到了这个问题，其实只是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）查看结果

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

赞 (0)

相关推荐

  • ASP.NET 窗体间传值的方法

    假设ParentForm.aspx 页面上有TextBox1文本框和Open按钮点击Open按钮弹出SubForm.aspx,SubForm.aspx页面上有TextBox1文本框和Close按钮点击Close按钮关闭SubForm.aspx页面,并把子页面SubForm.aspx文本框的值显示到父页面ParentForm.aspx 的文本框上.父窗体前台代码: 复制代码 代码如下: <script type="text/javascript">        functi

  • ASP.NET下母版页和内容页中的事件发生顺序整理

    母版页控件 Init 事件. 内容控件 Init 事件. 母版页 Init 事件. 内容页 Init 事件. 内容页 Load 事件. 母版页 Load 事件. 内容控件 Load 事件. 内容页 PreRender 事件. 母版页 PreRender 事件. 母版页控件 PreRender 事件. 内容控件 PreRender 事件.

  • ASP.NET 2.0 中的创建母版页

    ASP.NET 2.0 中的创建母版页

    虽然母版页和内容页功能强大,但是其创建和应用过程并不复杂.本节和下一节将以创建如图1所示示例为例,向读者详细介绍,使用Visual Stuido 2005创建母版页和内容页的方法以及相关知识.本节的重点是创建母版页的方法. 母版页中包含的是页面公共部分,即网页模板.因此,在创建示例之前,必须判断哪些内容是页面公共部分,这就需要从分析页面结构开始.图1所示显示的是一个页面截图.在下文中,暂称该页面名为Index.aspx,并且假设其为某网站中的一页.通过分析可知,该页面的结构如图5所示. 图5 页

  • ASP.Net巧用窗体母版页实例

    本文实例讲述了ASP.Net巧用窗体母版页的方法.分享给大家供大家参考.具体分析如下: 背景:每个网页的基本框架结构类似: 浏览网站的时候会发现,好多网站中,每个网页的基本框架都是一样的,比如,最上面都是网站的标题,中间是内容,最下面是网站的版权.开发提供商等信息: 在这些网页中,表头.底部的样式和内容都是一样的,不同的只是中间的内容. 因此在制作网站时,可以将这些共同的东西分离出来,放到"窗体母版页"中,在需要的时候嵌套就可以. 巧用窗体母版项: 下面就开始行动(本文是以Visual

  • asp.net使用母版页中使用ajax脚本取数据

    方法如下: 1. 页面中拖入ScriptManager.以便于使用Ajax脚本.同时放在其它客户端控件,用于触发NetPost方法.这里不列出客户端控件. 复制代码 代码如下: <asp:ScriptManager ID="smMaster" runat="server" ScriptMode="Auto" EnablePageMethods="true"> </asp:ScriptManager> 2

  • asp.net Silverlight中的模式窗体

    其实在Silverlight中开发模式窗体并不难,比在Html里面用div来构造容易多了,但是要做到具有重用性和规范性还是要下一点工夫的.如果SL的开发朋友们想偷一点懒,直接用些现成写好的模式窗体代码的话,我在这里介绍一个SL的框架,叫SilverlightFX,里面就有一个Form类,只要你的xaml类继承了Form类就可以很方便地使用模式窗体了.具体方面可以参照他的sample工程,这里给出SilverlightFX的连接给大家 http://projects.nikhilk.net/Sil

  • asp.net窗体操作总结

    1.打开新窗口 这个简单:response.write("<script language='javascript'>window.open('url');</script>"); 2．调整本窗口大小和位置 response.write("<script>window.resizeto(500,400);</script>"); response.write("<script>window.mov

  • asp.net窗体的打开和关闭(输出js)

    复制代码 代码如下: //打开新的窗体 Response.Redirect("WebMain.aspx"); //弹出一个新窗体 Response.Write("<script>window.open(\"WebMain.aspx\")</script>") //弹出一个只有确定按钮的提示框 Response.Write("<script>alert(\"用户名或密码错误\");&

  • C#实现子窗体与父窗体通信方法实例总结

    本文实例总结了C#子窗体与父窗体通信方法.分享给大家供大家参考.具体如下: [第一种方法:] 第一步: 创建接口IForm,父窗体继承这个接口 public interface IForm { void RefreshForm(); } 第二步: 父窗体实现接口中的方法,在实现接口的方法中写入刷新代码 Form2 f = new Form2(); f.Owner = this; f.ShowDialog(); 第三步: 在子窗体中调用,刷新的方法 复制代码 代码如下: (this.Owner a

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

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

    今天在项目上遇到了这个问题,其实只是window.returnValue的简单应用,不是asp.net的专属内容.作为积累,记录一个简单的实现模型. 图1  用到的文件 从图1中我们可以看到,只用到了两个页面,其中Default.aspx作为父页面,Default2.aspx作为子页面被弹出.Default.aspx页面上有两个TextBox一个Button,代码如下: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="

  • 子窗体与父窗体传值示例js代码

    复制代码 代码如下: //返回值给父窗体 function returnParent(value) {//获取子窗体返回值 var parent = window.dialogArguments; //获取父页面 //parent.location.reload(); //刷新父页面 if (parent != null && parent != "undefined") { window.returnValue = value; //返回值 window.close(

  • javascript 子窗体父窗体相互传值方法

    我们精简使用版本,一般情况好多cms都有一些这样的函数.dedecms中的选择相关文章也是用的这样的函数.下面给出具体的代码.父页面核心代码: 复制代码 代码如下: <script>function SelectArcListA(fname){ var posLeft = 10; var posTop = 10; window.open("content_select_list.asp?f="+fname+"&k="+form1.keyword.

  • iframe子页面与父页面在同域或不同域下的js通信

    iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html 复制代码 代码如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say()

  • JavaScript中的子窗口与父窗口的互相调用问题

    注意:要用open打开才行,如果用openModal打开则会访问不到opener. open的参数: window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') 参数说明 'page.html' 弹出窗口的文件名; 'newwindow' 弹出的新窗口的名字,非必须,可用

  • 嵌入式iframe子页面与父页面js通信的方法

    本文实例讲述了嵌入式iframe子页面与父页面js通信的方法.分享给大家供大家参考.具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信 父页面 parent.html: 复制代码 代码如下: <html> <head> <script type="text/javascr

  • 公众号SVG动画交互实战代码

    越来越多的公众号在图文消息中加入了SVG动画交互效果,SVG支持事件触发动画,相对于单独做一个H5而言,由于公众号消息依托于微信服务器,为广告主节约了服务器流量成本.这次我们以苹果公众号的一篇交互消息为例,剖析下里面的效果是怎样实现的. 苹果公众号SVG交互 动画主要分为两屏,第一屏出现闪动文字提示用户点击交互,用户点击后第一屏动画消失接着播放第二屏的gif动画,最后画面停止在产品图片帧上. 1.首先构建第一屏动画: 1.1 SVG的基本结构 <svg viewBox="0 0 1080

  • Vue子组件与父组件详细解析

    Vue子组件与父组件详细解析

    目录 一.父组件和子组件 二.模板分离写法 1.template标签 2.text/x-template 三.父子组件通信-父传子 1.Prop 类型 四.父子组件通信子传父 1.vm.$emit( eventName, [-args] ) 五.父子组件通信-结合双向绑定案例 1.基本模板代码 2.增加双向绑定 3.反向绑定 六.组件访问父访问子 一.父组件和子组件 我们经常分不清什么是父组件,什么是子组件.现在来简单总结下:我们将某段代码封装成一个组件,而这个组件又在另一个组件中引入,而引入该

  • 千万级用户系统SQL调优实战分享

    千万级用户系统SQL调优实战分享

    用户日活百万级,注册用户千万级,而且若还没有进行分库分表,则该DB里的用户表可能就一张,单表上千万的用户数据. 某系统专门通过各种条件筛选大量用户,接着对那些用户去推送一些消息: 一些促销活动消息 让你办会员卡的消息 告诉你有一个特价商品的消息 通过一些条件筛选出大量用户,针对这些用户做推送,该过程较耗时-筛选用户过程. 用户日活百万级,注册用户千万级,而且若还没有进行分库分表,则该DB里的用户表可能就一张,单表上千万的用户数据. 对运营系统筛选用户的SQL: SELECT id, name 

随机推荐