弹出子窗口并传值给父窗口

最新推荐文章于 2023-06-08 10:53:04 发布
最新推荐文章于 2023-06-08 10:53:04 发布
阅读量264 收藏
点赞数
文章标签： 测试 javascript xhtml ViewUI

新建父窗口页面：

加入以下脚本

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>First</title>
</head>

<script type="text/javascript">
function ShowDialog(Url)
{
      var  iWidth=560; //模态窗口宽度
      var  iHeight=300;//模态窗口高度
      var  iTop=(window.screen.height-iHeight-100)/2;
      var  iLeft=(window.screen.width-iWidth)/2;
      var returnValue=window.showModalDialog(Url, "newwindow", "dialogHeight:"+iHeight+"px; dialogWidth:"+iWidth+"px; toolbar:no; menubar:no; scrollbars:no; resizable:no; location:no; status:no;left:200px;top:100px;");
      document.getElementById("TextBox1").innerText=returnValue;
}
</script>

<body>
    <form id="form1" runat="server">
         <input id="Button1" type="button" value="button" οnclick="ShowDialog('./second.aspx')" />
         <div><asp:TextBox ID="TextBox1" runat="server" Width="67px"></asp:TextBox></div>

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

 

创建second.html页面：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>second</title>
    <!--<base target="_self" ></base>-->
</head>
<script language="javascript">
    function closeDiag()
    {
        window.opener=null;
        window.close();
    } 
   
    function OK()
    {
        var Value=document.getElementsByName("myRadio");
        for(var i=0;i<Value.length;i++)
        {
            if(Value[i].checked)
            { 
                window.returnValue = Value[i].value;
                window.close();
            }
            else
            {
                document.getElementById("Lab_Info").innerText="没有选中项,请选择！";
            }
        }     
    } 
</script>
<body>
    <form id="form1" runat="server">

    <div>

          <asp:DataGrid ID="dgSjygl" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                        BackColor="White" Font-Size="9pt" PageSize="5" Width="100%" Height="127px" OnItemDataBound="dgSjygl_ItemDataBound">
                        <PagerStyle Mode="NumericPages" />
                        <AlternatingItemStyle BackColor="Gainsboro" />
                        <ItemStyle BackColor="#EEEEEE" ForeColor="Black" HorizontalAlign="Center" />
                        <Columns>
                            <asp:TemplateColumn>            
                                <HeaderTemplate>
                                    <label>选择</label>
                                </HeaderTemplate>
                                <ItemTemplate>                                   
                                    <input type="radio" id="myRadio" name="myRadio"  value='<%# DataBinder.Eval(Container.DataItem, "id") %>'>
                                </ItemTemplate>
                                <HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="60px" />
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:TemplateColumn>
                            <asp:BoundColumn DataField="ID" HeaderText="编号">
                                <HeaderStyle Font-Bold="True"  Width="75px" HorizontalAlign="Center"/>
                            </asp:BoundColumn>
                            <asp:BoundColumn DataField="MC" HeaderText="名称">
                                <HeaderStyle Font-Bold="True"  Width="90px" HorizontalAlign="Center"/>
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:BoundColumn>
                            <asp:BoundColumn DataField="BT" HeaderText="标题">
                                <HeaderStyle Font-Bold="True" HorizontalAlign="Center"/>
                            </asp:BoundColumn>
                        </Columns>
                        <HeaderStyle BackColor="#7481BA" ForeColor="Yellow" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Font-Size="Small" />
                    </asp:DataGrid>

    </div>
    <div>

          <input id="Btn_OK" type="button" οnclick="OK()" value="确 定"/>
          <input id="Btn_Cancel" type="button" οnclick="clickDiag()"  value="取 消" />

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

 

如果大家还有其它好的方法，希望能给我留言。

共同交流 共同学习 共同进步

weixin_34080903
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML子窗体传值父窗体的几种方式
huahuagongzi9999的专栏
06-06 1531
第一种：Open    1. 通过Opener方法调用父窗体方法传值          1html>  2head>  3meta http-equiv="Content-Type" content="text/html; charset=gb2312">  4title>父窗体title>  5head>  6body>  7form name="form1"   me
子窗口向父窗口传值(父窗口不动)
iteye_18102的博客
06-22 118
今天在经典论坛看到有网友提出“子窗口传值给父窗口”的问题，虽然是一个很常见的问题，但很多新手可能还不知道怎么入手，我写了个当练习，放在搜索吧了。如下： page1.htm为父窗口，page2.htm为子窗口。详细代码如下： [b]page1.htm[/b] [quote] 子窗口传值给父窗口 function openWin(u, w, h) ...
若依使用模块窗口时把子页面内容传递给父页面
weixin_42741254的博客
11-24 1580
若依使用模块窗口时把子页面内容传递给父页面
子页面模式对话框里的值怎么传到父页面
qq_38647207的博客
09-20 1258
两种方式： 1、关闭子窗口的时候将选择的值返回过去，然后在父窗口处理： 子窗口在点击"选择"按钮时， 显式将选择的值付给 window.returnValue（如: window.returnValue='肖锋'; ) 这样父窗口 var selectPerson = window.showModalDialog(url); 变量 selectPerson即会获得返回的值。然后再继续处理 需要注意...
若依实现父弹窗获取子弹窗的数据
weixin_44226752的博客
12-08 4207
参考这个：RuoYi-弹出新窗口选择数据回显到父页面 https://blog.csdn.net/u014440968/article/details/116266076 还有官方的demo就行： 最终实现效果： 关键的方法： 父页面： <div class="form-group"> <label class="col-sm-3 control-label">接收人：</label> <div c
layer组件父子页面相互传递数据
云间月
05-28 6228
layer组件父子页面相互传递数据 layer 是一款功能强大的web弹出层组件，很多时候我们需要使用它弹出各种各样的信息 很多情况它都能胜任，比如简单的msg文本，tips提示，loading加载等。 但是对于功能更强大的弹出页面和iframe,在需要在父子页面之间传递数据的时候， 学习和使用起来就不是那么简单了。 本文主要记录了在使用layer组件进行父子传值时的一下方法和个...
JavaScript实现弹出子窗口并传值给父窗口
12-09
本文将深入讲解如何利用JavaScript实现弹出子窗口，并将子窗口中的数据传递回父窗口。 首先，我们来看父窗口的代码。在给定的`First.html`文件中，我们定义了一个名为`ShowDialog`的JavaScript函数，用于打开一个...
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
08-10
首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口通常涉及到以下步骤： 1. 创建一个HTML文件作为子页面，包含需要展示的数据和交互元素。 2. 在父页面中，通过`$.dialog`或`$.window...
Qt--子窗口向父窗口传值
10-29
- 子窗口通常是模态或非模态的，它们可以在主窗口之上弹出，并在完成任务后关闭。 3. **实现步骤**： - **创建信号和槽**：在子窗口类中，定义一个信号，该信号携带要传递的数据。在父窗口类中，定义一个槽函数来...
子父窗口传值
11-27
2. **父窗口向子窗口传值** - URL参数：父窗口在打开子窗口时，可以通过URL携带参数，子窗口通过解析URL获取这些参数。 - `window.parent`：子窗口可以通过`window.parent`访问父窗口的对象，调用其方法或修改变量...
C#,winform,ShowDialog,子窗体向父窗体传值
01-21
调用showdialog方法后，调用代码被暂停执行，等到调用showdialog方法的窗体关系后再继续执行。而且窗体可以返回一个dialogresult值，他描述了窗体关闭的原因，例如OK,Cancel，yes，no等。为了让窗体返回一个dialogresult，必须设置窗体的dialogresult值，或者在窗体的一个按钮上设置dialogresult属性。 例子： 下面是子窗体代码，要求输入phone，然后会返回给父窗体。 using System; using System.Collections.Generic; using System.ComponentModel; using S
RuoYi-弹出新窗口选择数据回显到父页面
李大哥
04-29 4394
这里只贴出关键代码，其他代码需要自行编写。返回值处理根据实际需求来，目前是只取第一条，因为选择页面是单选行 表单页面新加方法 /* 选择社区 */ function selectCommunity() { var url = ctx + "community/selectCommunity"; var options = { title: '选择社区', width: "600", url: url, callBack.
若依分离版选择弹窗数据回读
goodluckyswk的博客
03-17 2472
若依分离版弹窗选择数据后回读父页面
html中父页面给子页面传值,iframe传递值给父 Iframe父窗口给子窗口赋值问题
weixin_39968823的博客
06-03 2997
iframe如何传值给父iframe在子iframe中如果需要用js传值给父窗口，或是调用父窗口的方法需要在前边加上top. 修改父窗口控件属性 window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value; 调用父窗口函数 wijs能...
Element组件库 table表格中的新增dialog弹框如何传值
F15207710572的博客
12-09 2107
弹框传值
vue2 element 弹窗传值 小组件
zhangyubababa的博客
06-08 326
vue2 弹窗传值 小组件
【子组件和父组件相互传值】el-dialog
努力的搬砖人
01-09 1345
子父组件相互传值
Element-ui使用msgbox时，向msgbox组件中传值
热门推荐
gufy的博客
09-29 1万+
在使用vue和element-ui做一个页面，在做数据回显的时候出现了一个问题。 有些值需要传入到子组件中。具体办法就是在msgbox选项中添加一个属性。然后在子组件中使用this.$parent.data调用数据就行了 <template> <div id="side"> <div id="menu"> <el-but...
用element UI组件， dialog 父子组件传值
IT博客技术分享
03-12 2620
Elementui中的dialog的组件，但在将dialog作为一个子组件的时候，传值出现了问题。当关闭dialog的时候应该怎么传值? 一开始的时候的想法比较简单，就是父组件直接传值来作为子组件的show/hidden的值。 然而这样的问题是当子组件close的时候，他会直接直接改变他的值，但是子组件不能直接改变props的值，因此可以通过子组件触发事件给父组件。 子组件在关闭时候的事件...
tkinter子窗口比父窗口先弹出
最新发布
07-29
如果您希望在Tkinter中创建一个父窗口和一个子窗口，并且希望子窗口先弹出显示，可以按照以下示例代码进行操作： ```python import tkinter as tk # 创建父窗口 root = tk.Tk() # 在这里添加父窗口的部件或逻辑 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值