我们经常需要将数据返回给调用页面,下面是基本实现方式。
假设,有两个页子selectdate.aspx,calendar.aspx.
需要在selectdate.aspx做个连接,点击后打开calendar.aspx,然后在calendar.aspx中选择日期,将选择的日期返回给
selectdate.aspx(呵呵,不知道我说明白没有)
算了,看看代码吧,自然就明白了。
对了,还需要个文件用来装JAVASCRIPT的script.js
===============================================================================================
selectdate.aspx
----------------------------------------
<%@ Page language="c#" Codebehind="detail.aspx.cs" AutoEventWireup="false" Inherits="calendar.detail" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>detail</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript" src="script.js"></script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<asp:TextBox id="CompletionDate" style="Z-INDEX: 101; LEFT: 120px; POSITION: absolute; TOP: 72px"
runat="server"></asp:TextBox>
<A href="javascript:OpenCalendar('CompletionDate', true)"><IMG style="Z-INDEX: 102; LEFT: 296px; WIDTH: 24px; POSITION: absolute; TOP: 72px; HEIGHT: 16px"
height="16" alt="" src="img/calendar.gif" width="24"></A>
</form>
</body>
</HTML>
--------------------------------------------------------------------
selectdate.aspx.cs
----------------------------------------------------------------------
sing System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace calendar
{
/// <summary>
/// detail 的摘要说明。
/// </summary>
public class detail : System.Web.UI.Page
{
protected System.Web.UI.WebControls.TextBox CompletionDate;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
===========================================================================
calendar.aspx
=========================================================================
<%@ Page language="c#" Codebehind="calendar.aspx.cs" AutoEventWireup="false" Inherits="calendar.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function CloseWindow()
{
self.close();
}
</script>
</HEAD>
<body>
<form id="Calendar" method="post" runat="server">
<asp:Calendar id="Cal" style="Z-INDEX: 101; LEFT: 96px; POSITION: absolute; TOP: 16px" runat="server"
BorderWidth="1px" BackColor="#FFFFCC" Width="220px" DayNameFormat="FirstLetter" ForeColor="#663399"
Height="200px" Font-Size="8pt" Font-Names="Verdana" BorderColor="#FFCC66" ShowGridLines="True">
<TodayDayStyle ForeColor="White" BackColor="#FFCC66"></TodayDayStyle>
<SelectorStyle BackColor="#FFCC66"></SelectorStyle>
<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC"></NextPrevStyle>
<DayHeaderStyle Height="1px" BackColor="#FFCC66"></DayHeaderStyle>
<SelectedDayStyle Font-Bold="True" BackColor="#CCCCFF"></SelectedDayStyle>
<TitleStyle Font-Size="9pt" Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000"></TitleStyle>
<OtherMonthDayStyle ForeColor="#CC9966"></OtherMonthDayStyle>
</asp:Calendar>
<asp:Button id="OKButton" style="Z-INDEX: 102; LEFT: 96px; POSITION: absolute; TOP: 224px" runat="server"
Text="O k"></asp:Button>
<a href="javascript:CloseWindow()">
<asp:Button id="CancelButton" style="Z-INDEX: 103; LEFT: 136px; POSITION: absolute; TOP: 224px"
runat="server" Text="Cancel"></asp:Button>
</a>
<asp:Label id="lblDate" style="Z-INDEX: 104; LEFT: 216px; POSITION: absolute; TOP: 232px" runat="server"></asp:Label>
<asp:DropDownList id="MonthSelect" style="Z-INDEX: 105; LEFT: 96px; POSITION: absolute; TOP: 256px"
runat="server" AutoPostBack="True"></asp:DropDownList>
<asp:DropDownList id="YearSelect" style="Z-INDEX: 106; LEFT: 248px; POSITION: absolute; TOP: 256px"
runat="server" AutoPostBack="True"></asp:DropDownList>
<input id="datechosen" type="hidden" name="datechosen" runat="server"> //这个很重要
</form>
</body>
</HTML>
---------------------------------------------------------------------------------------------------------------------------
calendar.aspx.cs
--------------------------------------------------------------------------------------------------------------------------
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Configuration;
namespace calendar
{
/// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Calendar Cal;
protected System.Web.UI.WebControls.Button OKButton;
protected System.Web.UI.WebControls.Button CancelButton;
protected System.Web.UI.WebControls.Label lblDate;
protected System.Web.UI.WebControls.DropDownList MonthSelect;
protected System.Web.UI.HtmlControls.HtmlInputHidden datechosen;
protected System.Web.UI.WebControls.DropDownList YearSelect;
private void Page_Load(object sender, System.EventArgs e)
{
if (!Page.IsPostBack)
{
string selected = Request.QueryString["selected"];
string id = Request.QueryString["id"];
string form = Request.QueryString["formname"];
string postBack = Request.QueryString["postBack"];
Cal.FirstDayOfWeek = (System.Web.UI.WebControls.FirstDayOfWeek)1;//(System.Web.UI.WebControls.FirstDayOfWeek)Convert.ToInt32(ConfigurationSettings.AppSettings[Global.CfgKeyFirstDayOfWeek]);
try
{
Cal.SelectedDate = Cal.VisibleDate = Convert.ToDateTime(selected);
}
catch
{
Cal.SelectedDate = Cal.VisibleDate = DateTime.Today;
}
FillCalendarChoices();
SelectCorrectValues();
OKButton.Attributes.Add("onClick", "window.opener.SetDate('" + form + "','" + id + "', document.Calendar.datechosen.value," + postBack + ");");
CancelButton.Attributes.Add("onClick", "CloseWindow()");
}// 在此处放置用户代码以初始化页面
}
private void FillCalendarChoices()
{
DateTime thisdate = new DateTime(DateTime.Today.Year,1,1);
for (int x=0; x<12; x++)
{
ListItem li = new ListItem(thisdate.ToString("MMMM"), thisdate.Month.ToString());
MonthSelect.Items.Add(li);
thisdate = thisdate.AddMonths(1);
}
for (int y=1994; y <= thisdate.Year; y++)
{
YearSelect.Items.Add(y.ToString());
}
}
private void SelectCorrectValues()
{
lblDate.Text = Cal.SelectedDate.ToShortDateString();
datechosen.Value = lblDate.Text;
MonthSelect.SelectedIndex = MonthSelect.Items.IndexOf(MonthSelect.Items.FindByValue(Cal.SelectedDate.Month.ToString()));
YearSelect.SelectedIndex = YearSelect.Items.IndexOf(YearSelect.Items.FindByValue(Cal.SelectedDate.Year.ToString()));
}
private void Cal_SelectionChanged(object sender, System.EventArgs e)
{
Cal.VisibleDate = Cal.SelectedDate;
SelectCorrectValues();
}
private void MonthSelect_SelectedIndexChanged(object sender, System.EventArgs e)
{
Cal.SelectedDate = Cal.VisibleDate
= new DateTime(Convert.ToInt32(YearSelect.SelectedItem.Value),
Convert.ToInt32(MonthSelect.SelectedItem.Value), 1);;
SelectCorrectValues();
}
private void YearSelect_SelectedIndexChanged(object sender, System.EventArgs e)
{
Cal.SelectedDate = Cal.VisibleDate
= new DateTime(Convert.ToInt32(YearSelect.SelectedItem.Value),
Convert.ToInt32(MonthSelect.SelectedItem.Value), 1);;
SelectCorrectValues();
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Cal.SelectionChanged += new System.EventHandler(this.Cal_SelectionChanged);
//this.OKButton.Click += new System.EventHandler(this.OKButton_Click);
//this.CancelButton.Click += new System.EventHandler(this.CancelButton_Click);
this.MonthSelect.SelectedIndexChanged += new System.EventHandler(this.MonthSelect_SelectedIndexChanged);
this.YearSelect.SelectedIndexChanged += new System.EventHandler(this.YearSelect_SelectedIndexChanged);
this.Load += new System.EventHandler(this.Page_Load);
this.ID = "Calendar";
}
#endregion
private void CancelButton_Click(object sender, System.EventArgs e)
{
}
private void OKButton_Click(object sender, System.EventArgs e)
{
}
}
}
==========================================================================================
script.js
===================================================================================
var popUp;
function OpenCalendar(idname, postBack)
{
popUp = window.open('Calendar.aspx?formname=' + document.forms[0].name +
'&id=' + idname + '&selected=' + document.forms[0].elements[idname].value + '&postBack=' + postBack,
'popupcal',
'width=285,height=420,left=200,top=250');
}
function SetDate(formName, id, newDate, postBack)
{
eval('var theform = document.' + formName + ';');
popUp.close();
theform.elements[id].value = newDate;
if (postBack)
__doPostBack(id,'');
}
=============================================================================