JS子窗口与父窗口交互传值的方法

最新推荐文章于 2024-12-07 20:16:19 发布

原创最新推荐文章于 2024-12-07 20:16:19 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #string #服务器 #object

.net 2.0 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在ASP.NET页面中使用JS的window.showModalDialog方法打开子窗口，并通过参数传递数据。同时，还阐述了子窗口如何接收并返回数据至父页面的方法。

父窗口中打开子窗口并传值给子窗口

父页面：CarDipatch.aspx

子页面：CurrentDriver.aspx

利用window.showModalDialog

function dialwinprocess()//传值给子窗口CurrentDriver.aspx { var leavedate=document.getElementById('<%=txtLeaveDate.ClientID%>').value; var leavehour=document.getElementById('<%=ddlLeaveHour.ClientID%>').value; var leaveMin=document.getElementById('<%=ddlLeaveMin.ClientID%>').value; var leavetime=leavedate+" "+leavehour+":"+leaveMin+":00"; var backdate=document.getElementById('<%=txtBackDate.ClientID%>').value; var backhour=document.getElementById('<%=ddlBackHour.ClientID%>').value; var backmin=document.getElementById('<%=ddlBackMin.ClientID%>').value; var backtime=backdate+" "+backhour+":"+backmin+":00"; if(leavedate==""|backdate==""|leavehour=="请选择"|leaveMin=="请选择"|backhour=="请选择"|backmin=="请选择") alert('必须选择日期！'); else var win=window.showModalDialog("CurrentDriver.aspx?leavetime="+leavetime+"&backtime="+backtime+"" ,window,"dialogWidth:500px;dialogHeight=400px;status:no"); win.focus(); }

要注意的是，在JS中取服务器控件值时，需这样写:document.getElementById('<%=txtname.ClientID%>').value，否则无法取到该值。

传值时，CurrentDriver.aspx?leavetime="+leavetime+"&backtime="+backtime+"，无需加单引号。

子窗口接收值：

与后台传值接收值时相同： string strleavtime = Request.QueryString["leavetime"].ToString(); string strbacktime = Request.QueryString["backtime"].ToString();

子窗口将值返回至父页面时： protected void btnSubmit_Click(object sender, EventArgs e) { Response.Write("<mce:script language='javascript'></mce:script>"); Response.Write("<mce:script language='javascript'></mce:script>"); Response.Write("<mce:script language='javascript'></mce:script>"); Response.Write("<mce:script language='javascript'></mce:script>"); Response.Write("<mce:script language='javascript'></mce:script>"); }

此处要注意的是，值返回至父页面的服务器控件时，无需写<%=txtname.ClientID%>，直接写控件ID名即可。