当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net弹出窗口 返回值

asp.net弹出窗口 返回值

2017年12月12日  | 移动技术网IT编程  | 我要评论

一夜的工作主要内容,刺心吉他谱,陆莉跳

page.aspx:

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" >...
function pop()
...{
var result=showmodaldialog('downs.aspx','subpage','dialogwidth:400px;dialogheight:300px;center:yes;help:no;resizable:no;status:no'); //打开模态子窗体,并获取返回值
document.getelementbyid("txt_id").value=result.split("'")[0]; //返回值分别赋值给相关文本框
document.getelementbyid("txt_name").value=result.split("'")[1];
document.getelementbyid("txt_pwd").value=result.split("'")[2];
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:textbox id="txt_id" runat="server" ></asp:textbox>
<asp:textbox id="txt_name" runat="server" ></asp:textbox>
<asp:textbox id="txt_pwd" runat="server" ></asp:textbox>
<br />

<asp:button id="btnpop" runat="server" text="popwindows" />

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

downs.aspx: 弹出页面

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" >...
function cc(infor_id,infor_name,infor_psw) //参数分别为id,name和password
...{
window.returnvalue= infor_id+"'"+infor_name+"'"+infor_psw; //返回值
window.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:gridview id="gvshow" runat="server" backcolor="white" bordercolor="#cccccc"
borderstyle="none" borderwidth="1px" cellpadding="3"
>
<footerstyle backcolor="white" forecolor="#000066" />
<rowstyle forecolor="#000066" />
<pagerstyle backcolor="white" forecolor="#000066" horiz />
<selectedrowstyle backcolor="#669999" font-bold="true" forecolor="white" />
<headerstyle backcolor="#006699" font-bold="true" forecolor="white" />
</asp:gridview>
</div>
</form>
</body>
</html>

downs.cs:弹出页面后台代码：

复制代码 代码如下:

public partial class downs : system.web.ui.page
{
protected void page_load(object sender, eventargs e)
{
if (!ispostback)
{
setbind();
}
}
public void setbind()
{
string connstring = configurationmanager.connectionstrings["connstr"].tostring();
using (sqlconnection conn = new sqlconnection(connstring))
{
conn.open();
string sql = "select top 10 gwid,machtype,isok from allinfor";
sqldataadapter ada = new sqldataadapter(sql, conn);
dataset ds = new dataset();
ada.fill(ds);
gvshow.datasource = ds.tables[0];
this.gvshow.databind();
}
}
protected void gvshow_rowdatabound(object sender, gridviewroweventargs e)
{
if (e.row.rowtype == datacontrolrowtype.datarow)
{
e.row.attributes.add("onclick", "cc('" + e.row.cells[0].text + "','" + e.row.cells[1].text + "','" + e.row.cells[2].text + "')");
}
}
}

第二种方式：

returnvalue是javascript中html的window对象的属性,目的是返回窗口值,当用
window.showmodaldialog函数打开一个ie的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

复制代码 代码如下:

//father.html
<html>
<head>
<meta name="generator" content="microsoft visual studio 6.0">
<title></title>
<script language="javascript">

function showmodal(){
var ret = window.showmodaldialog("child.htm",null,"dialogwidth:350px;dialogheight:350px;help:no;status:no");
if (ret){alert('子窗口返回真!');
}else{
alert('子窗口返回假!');
}

}

</script>
</head>
<body>
<input id=button1 type=button value=button name=button1 onclick="showmodal();">

</body>
</html>

复制代码 代码如下:

//child.html
<html>
<head>
<meta name="generator" content="microsoft visual studio 6.0">
<title></title>
<script language="javascript">
function trans(tag){

   if (tag==0){
     window.returnvalue=false;
   } else{
     window.returnvalue =true;
   }
   window.close();

}


</script>
</head>
<body>

<input id=button1 type=button value="返回真" name=button1 onclick="trans(1)">
<input id=button2 type=button value="返回假" name=button2 onclick="trans(0)">

</body>
</html>

这样一来可以实现从模式窗口向父窗口传递值的作用,
这个returnvalue除了可以是布尔值,整型值等以外还可以是个js数组，用来传递大量数据。
具体showmodaldialog等的用法，可以参考msdn。

 

注意下面的有opener的都只能是用在window.open()这种情况而不能是上面.的showmodel...等形式否则的话.会报undetife错误....


也可以这样子的改变父窗口中的值. 下面的这个..可以动态改变父窗口中多个值.而不是简单的把弹出窗口中的一个选中以后.马上就传回去给父窗口.


opener.document.getelementbyid('txt_phone').value = number;
        opener.document.getelementbyid('hdn_id').value = id;
        opener.document.getelementbyid('hdn_phone').value = number;
        window.close();


加上这句.我们还可以.刷新父窗口
window.opener.location.href=window.opener.location.href
window.opener.location.reload()

如果还要调用父窗口中的方法.也可以用下面的这种..如下
     opener.函数名(xxx,xxx)  
不过函数内变量的作用域仍为父窗体.
这样子我们.就可以直接调用这个函数..如果这个函数是异步请求的那就更爽了..
也就是说我们.在子窗口中可以向服务器发送请求..关闭子窗口后..我们父窗口又立即向服务器发送异步请求.又窗口双请求.

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网