将子窗口选择内容写入父窗口

最新推荐文章于 2024-09-04 13:30:27 发布

Kenyon0313

最新推荐文章于 2024-09-04 13:30:27 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： textbox function javascript object

本文链接：https://blog.youkuaiyun.com/Kenyon0313/article/details/1545157

本文介绍了一种实现父窗口TextBox与子窗口交互的方法，通过在父窗口TextBox上触发事件打开子窗口，并允许用户从子窗口的GridView中选择行，所选数据会被自动填充到父窗口的相关控件中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在父窗口的TextBox输入文字时弹出子窗口,将子窗口选择内容写入父窗口的TextBox

父窗口cs:

txt_Phone.Attributes.Add("onkeydown","ShowDialog()");

父窗口js:

function ShowDialog()
    {
        window.open("CustomersInfo.aspx","newwindow","Wdth=600px,Height=400px,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=yes");
    }

点击子窗口的GridView的某一行,将该行的某些信息分别写入父窗口的Hidden控件

子窗口cs:

protected void SRresultGrid_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#ECECEC';this.style.cursor='hand'");
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor");
            e.Row.Attributes.Add("onclick", "JavaScript:GetData(" + e.Row.Cells[0].Text.Trim() + "," + e.Row.Cells[2].Text.Trim() + ");");
        }
    }

子窗口js:

function GetData(ID,Number)
    {
        opener.document.getElementById('txt_Phone').value = Number;
        opener.document.getElementById('hdn_ID').value = ID;
        opener.document.getElementById('hdn_Phone').value = Number;
        window.close();
    }