弹出选择页面。
弹出选择页面。
功能介绍:点击页面上的某个控件,将数据传入到另一个页面并以弹出窗体的形式弹出。在那个页面做相应处理后回到原始页面,并将处理过的数据传会来。类似Windows的选择窗体。
在基础页面用如下代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SelectForm.aspx.cs" Inherits="WebPage_SelectForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language = "javascript">
function funInput()
{
var varResult;
var varInput = document.getElementById("input").innerHTML;
//alert(varInput);
url = 'SelectedForm.aspx?input='+escape(varInput);
varResult = window.showModalDialog(url,[window],'scroll:yes;dialogWidth:500px;dialogHeight:500px;status:0;center:yes');
// alert(varResult.button1);
if (varResult != null)
{
document.getElementById("output").value = varResult.button1;
return varResult;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label id = "input" runat = "server" Text="test" >test data</asp:Label>
<asp:TextBox ID = "output" runat = "server">aaaaaa</asp:TextBox>
<button style="CURSOR: hand; width: 316px; height: 29px;" onclick="funInput()" id="IMG1"/>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language = "javascript">
function funInput()
{
var varResult;
var varInput = document.getElementById("input").innerHTML;
//alert(varInput);
url = 'SelectedForm.aspx?input='+escape(varInput);
varResult = window.showModalDialog(url,[window],'scroll:yes;dialogWidth:500px;dialogHeight:500px;status:0;center:yes');
// alert(varResult.button1);
if (varResult != null)
{
document.getElementById("output").value = varResult.button1;
return varResult;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label id = "input" runat = "server" Text="test" >test data</asp:Label>
<asp:TextBox ID = "output" runat = "server">aaaaaa</asp:TextBox>
<button style="CURSOR: hand; width: 316px; height: 29px;" onclick="funInput()" id="IMG1"/>
</div>
</form>
</body>
</html>
注意:对于lable、button这类控件,要获得他们中的数据,要用innerHTML,但是对于textBox这样的控件用Value
下面是要弹出的页面的后台代码:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;
public partial class WebPage_SelectedForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Request["input"] != null)
{
System.Text.StringBuilder sb = new StringBuilder("<script Language="Javascript">");
sb.Append("function setResult(varResult)");
sb.Append("{");
sb.Append("window.returnValue = new result(varResult);");
sb.Append("window.close();");
sb.Append("}");
sb.Append("function result(varResult)");
sb.Append("{");
sb.Append("this.button1 = varResult;");
sb.Append("}");
sb.Append("<");
sb.Append("/");
sb.Append("script>");
if (!ClientScript.IsStartupScriptRegistered("Result"))
ClientScript.RegisterStartupScript(this.GetType(), "Result", sb.ToString());
}
this.Button1.Attributes.Add("onclick", "javascript:setResult('" +Request.QueryString["input"].ToString()+ "is processed')");
}
protected void Button1_Click(object sender, EventArgs e)
{
}
}
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;
public partial class WebPage_SelectedForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Request["input"] != null)
{
System.Text.StringBuilder sb = new StringBuilder("<script Language="Javascript">");
sb.Append("function setResult(varResult)");
sb.Append("{");
sb.Append("window.returnValue = new result(varResult);");
sb.Append("window.close();");
sb.Append("}");
sb.Append("function result(varResult)");
sb.Append("{");
sb.Append("this.button1 = varResult;");
sb.Append("}");
sb.Append("<");
sb.Append("/");
sb.Append("script>");
if (!ClientScript.IsStartupScriptRegistered("Result"))
ClientScript.RegisterStartupScript(this.GetType(), "Result", sb.ToString());
}
this.Button1.Attributes.Add("onclick", "javascript:setResult('" +Request.QueryString["input"].ToString()+ "is processed')");
}
protected void Button1_Click(object sender, EventArgs e)
{
}
}
嘿嘿。。。。只要完成了传递数据的工作,以后想做什么都可以了呀。