asp.net彈出窗口返回值

更新時(shí)間：2014年01月15日 15:38:54 作者：

這篇文章主要介紹了asp.net彈出窗口返回值，有需要的朋友可以參考一下

Page.aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>無標(biāo)題頁</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'); //打開模態(tài)子窗體,并獲取返回值
document.getElementById("txt_id").value=result.split("'")[0]; //返回值分別賦值給相關(guān)文本框
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: 彈出頁面

復(fù)制代碼代碼如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>無標(biāo)題頁</title>
<script type="text/javascript" >...
function cc(infor_id,infor_name,infor_psw) //參數(shù)分別為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:彈出頁面后臺(tái)代碼：

復(fù)制代碼代碼如下:

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對(duì)象的屬性,目的是返回窗口值,當(dāng)用
window.showModalDialog函數(shù)打開一個(gè)IE的模式窗口(模式窗口知道吧,就是打開后不能操作父窗口,只能等模式窗口關(guān)閉時(shí)才能操作)時(shí),用于返回窗口的值,下面舉個(gè)例子:

復(fù)制代碼代碼如下:

//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>

復(fù)制代碼代碼如下:

//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>

</BODY>
</HTML>

這樣一來可以實(shí)現(xiàn)從模式窗口向父窗口傳遞值的作用,
這個(gè)returnValue除了可以是布爾值,整型值等以外還可以是個(gè)js數(shù)組，用來傳遞大量數(shù)據(jù)。
具體showModalDialog等的用法，可以參考msdn。

注意下面的有opener的都只能是用在window.open()這種情況而不能是上面.的showModel...等形式否則的話.會(huì)報(bào)undetife錯(cuò)誤....

也可以這樣子的改變父窗口中的值. 下面的這個(gè)..可以動(dòng)態(tài)改變父窗口中多個(gè)值.而不是簡單的把彈出窗口中的一個(gè)選中以后.馬上就傳回去給父窗口.

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()

如果還要調(diào)用父窗口中的方法.也可以用下面的這種..如下
opener.函數(shù)名(xxx,xxx)
不過函數(shù)內(nèi)變量的作用域仍為父窗體.
這樣子我們.就可以直接調(diào)用這個(gè)函數(shù)..如果這個(gè)函數(shù)是異步請(qǐng)求的那就更爽了..
也就是說我們.在子窗口中可以向服務(wù)器發(fā)送請(qǐng)求..關(guān)閉子窗口后..我們父窗口又立即向服務(wù)器發(fā)送異步請(qǐng)求.又窗口雙請(qǐng)求.

您可能感興趣的文章: