父窗体与子窗体之间的调用-使用模态窗体之间传递多个值

在web应用中，如何以模态窗口方式新打开子窗口，并往子窗口里传递多个值，而在子窗口中，能接受这些值，并且对这些值修改后，可以再提交传递给父窗口呢？在codeproject上，有篇文章介绍了方法，下面介绍如下：
1 先建一个叫Parent.html的父窗口，写入其中的HTML代码如下：

<HTML>
    <HEAD>
<title>Parent Webform</title>
<script language="javascript">
function OpenChild()
{
    var ParmA = retvalA.value;
    var ParmB = retvalB.value;
    var ParmC = retvalC.value;
    var MyArgs = new Array(ParmA, ParmB, ParmC);
    var WinSettings = "center:yes;resizable:no;dialogHeight:300px"
    var MyArgs = window.showModalDialog(
      "Child.html", MyArgs, WinSettings);
    if (MyArgs == null)
    {
        window.alert(
"Nothing returned from child. No changes made to input boxes")
    }
    else
    {
        retvalA.value=MyArgs[0].toString();
        retvalB.value=MyArgs[1].toString();
        retvalC.value=MyArgs[2].toString();
    }
}
        </script>
    </HEAD>
    <body>
        <P><INPUT id="retvalA" type="text" value="ValueA"></P>
        <P><INPUT id="retvalB" type="text" value="ValueB"></P>
        <P><INPUT id="retvalC" type="text" value="ValueC"></P>
        <P><BUTTON οnclick="OpenChild()" type="button">
                Open Child Window</BUTTON>
        </P>
    </body>
</HTML>

2 建立一个叫Child.html的窗体，写入HTML代码如下

<HTML>
    <HEAD>
        <TITLE>Child Webform</TITLE>
        <script language="javascript">
function Done() {
    var ParmA = tbParamA.value;
    var ParmB = tbParamB.value;
    var ParmC = tbParamC.value;
    var MyArgs = new Array(ParmA, ParmB, ParmC);
    window.returnValue = MyArgs;
    window.close();
}
function doInit() {
    var MyArgs = window.dialogArguments;
    tbParamA.value = MyArgs[0].toString();
    tbParamB.value = MyArgs[1].toString();
    tbParamC.value = MyArgs[2].toString();
}
        </script>
    </HEAD>
    <BODY οnlοad="doInit()">
        <P>Param A:<INPUT id="tbParamA" TYPE="text"></P>
        <P>Param B:<INPUT ID="tbParamB" TYPE="text"></P>
        <P>Param C:<INPUT ID="tbParamC" TYPE="text"></P>
        <BUTTON οnclick="Done()" type="button">OK</BUTTON>
    </BODY>
</HTML>

文章出处：http://www.diybl.com/course/4_webprogram/asp.net/netjs/2008917/143223.html

转载于:https://www.cnblogs.com/believexyz/archive/2009/06/18/1506006.html

父窗体与子窗体之间的调用-使用模态窗体之间传递多个值相关推荐

iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...
js里父页面与子页面的相互调用
一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值: window.opener.methodName(); window.opener.meth ...
vue 父链和子组件索引_vuejs填坑-父子组件之间的访问
有时候我们需要父组件访问子组件,子组件访问父组件,或者是子组件访问根组件. 1. 父组件访问子组件 $children或$ref $children 返回所有子组件的实例,是一个数组显示两个组件的信 ...
组件间数据交互||父组件向子组件传值-基本使用|| 父组件向子组件传值-props属性名规则
组件间数据交互父组件向子组件传值 1. 组件内部通过props接收传递过来的值 2. 父组件通过属性将值传递给子组件父组件向子组件传值-基本使用 <!DOCTYPE html> < ...
41. Vue组件传值-父组件向子组件传值
前言前面写了组件的创建.切换等等篇章,主要讲述了组件自身如何在父组件app中如何渲染使用.这里存在一个问题,就是父组件的数据如何传递到子组件中. 这是一个很常见的情况,如果是jQuery那么都是直接 ...
c# 学习笔记（2）窗体之间互相调用的方法
c# 学习笔记 (2) 窗体之间互相调用的方法创建一个winform工程创建两个窗体一个子窗体,一个父窗体,这里为了演示,子窗体和父窗体上都有一个文本框和按键,点击任意一个窗体上的按键,窗体上文 ...
父窗口、子窗口和Silverlight之间的相互调用
啊哈~ 爷爷,爸爸,儿子~ 三代同堂~ 前两天做 silverlight 的东西,主页面打开一个子页面,然后子页面中包含一个 silverlight 应用程序那难免会涉及到他们三者相互调用的问题其 ...
关于主窗体与子窗体之间的通信以及面向对象思想的一些应用
该写几篇文章啦~ 最近在搞winForm,开始的时候遇到点问题.其实也不算什么大问题,归结起来还是主窗体与子窗体之间传值.通信的问题: 这个问题在网上的解决方案有很多,一搜一大堆,比如将主窗体自身作为 ...
如何：创建 MDI 父窗体、子窗体、确定活动的 MDI 子窗体
Microsoft Visual Studio 2008/.NET Framework 3.5 Windows 窗体编程如何:创建 MDI 父窗体多文档界面 (MDI) 应用程序的基础是 MDI ...
Winform--处理MDI父窗体与子窗体的交互
设置个窗体只能弹出一次设置个窗体只能弹出一次#region 设置个窗体只能弹出一次 /**//**//**//// <summary> /// 控制只弹出一个子窗体 /// </ ...

父窗体与子窗体之间的调用-使用模态窗体之间传递多个值

父窗体与子窗体之间的调用-使用模态窗体之间传递多个值相关推荐

最新文章

热门文章