using system;
using system.web.ui;
using system.web.ui.webcontrols;
using system.componentmodel;
using system.drawing;
namespace aquacalendar
{
[defaultproperty("text"), //在屬性工具箱中顯示的默認屬性
toolboxdata("<{0}:datepicker runat=server>")]
public class datepicker : system.web.ui.webcontrols.webcontrol , ipostbackeventhandler
{
//選擇日期按鈕的默認樣式
private const string _buttondefaultstyle = "border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; cursor: hand; border-bottom: gray 1px solid;";
//按鈕默認文本
private const string _buttondefaulttext = "...";
private system.web.ui.webcontrols.calendar _calendar;
public override controlcollection controls
{
get
{
ensurechildcontrols(); //確認子控件集都已被創建
return base.controls;
}
}
//創建子控件（服務器日歷控件）
protected override void createchildcontrols()
{
controls.clear();
_calendar = new calendar();
_calendar.id = mycalendarid;
_calendar.selecteddate = datetime.parse(text);
_calendar.titleformat = titleformat.monthyear;
_calendar.nextprevformat = nextprevformat.shortmonth;
_calendar.cellspacing = 0;
_calendar.font.size = fontunit.parse("9pt");
_calendar.font.name = "verdana";
_calendar.selecteddaystyle.backcolor = colortranslator.fromhtml("#333399");
_calendar.selecteddaystyle.forecolor = colortranslator.fromhtml("white");
_calendar.daystyle.backcolor = colortranslator.fromhtml("#cccccc");
_calendar.todaydaystyle.backcolor = colortranslator.fromhtml("#999999");
_calendar.todaydaystyle.forecolor = colortranslator.fromhtml("aqua");
_calendar.dayheaderstyle.font.size = fontunit.parse("8pt");
_calendar.dayheaderstyle.font.bold = true;
_calendar.dayheaderstyle.height = unit.parse("8pt");
_calendar.dayheaderstyle.forecolor = colortranslator.fromhtml("#333333");
_calendar.nextprevstyle.font.size = fontunit.parse("8pt");
_calendar.nextprevstyle.font.bold = true;
_calendar.nextprevstyle.forecolor = colortranslator.fromhtml("white");
_calendar.titlestyle.font.size = fontunit.parse("12pt");
_calendar.titlestyle.font.bold = true;
_calendar.titlestyle.height = unit.parse("12pt");
_calendar.titlestyle.forecolor = colortranslator.fromhtml("white");
_calendar.titlestyle.backcolor = colortranslator.fromhtml("#333399");
_calendar.othermonthdaystyle.forecolor = colortranslator.fromhtml("#999999");
_calendar.nextprevformat = nextprevformat.customtext;
_calendar.nextmonthtext = "下月";
_calendar.prevmonthtext = "上月";
_calendar.style.add("display","none"); //默認不顯示下拉日歷控件
_calendar.selectionchanged += new eventhandler(_calendar_selectionchanged);
this.controls.add(_calendar);
}
[
category("appearance"), //該屬性所屬類別，參見圖
defaultvalue(""), //屬性默認值
description("設置該日期控件的值。") //屬性的描述
]
public string text
{
get
{
ensurechildcontrols();
return (viewstate["text"] == null)?system.datetime.today.tostring("yyyy-mm-dd"):viewstate["text"].tostring();
}
set
{
ensurechildcontrols();
datetime dt = system.datetime.today;
try
{
dt = datetime.parse(value);
}
catch
{
throw new argumentoutofrangeexception("請輸入日期型字符串（例如：1981-04-29）！");
}
viewstate["text"] = dateformat == calendarenum.longdatetime?dt.tostring("yyyy-mm-dd"):dt.tostring("yyyy-m-d");
}
}
//重載服務器控件的enabled屬性，將選擇日期按鈕變灰（禁用）
public override bool enabled
{
get
{
ensurechildcontrols();
return viewstate["enabled"] == null?true:(bool)viewstate["enabled"];
}
set
{
ensurechildcontrols();
viewstate["enabled"] = value;
}
}
public string buttonstyle
{
get
{
ensurechildcontrols();
object o = viewstate["buttonsytle"];
return (o == null)?_buttondefaultstyle:o.tostring();
}
set
{
ensurechildcontrols();
viewstate["buttonsytle"] = value;
}
}
[
defaultvalue(calendarenum.longdatetime),
]
public calendarenum dateformat
{
get
{
ensurechildcontrols();
object format = viewstate["dateformat"];
return format == null?calendarenum.longdatetime:(calendarenum)format;
}
set
{
ensurechildcontrols();
viewstate["dateformat"] = value;
datetime dt = datetime.parse(text);
text=dateformat == calendarenum.longdatetime?dt.tostring("yyyy-mm-dd"):dt.tostring("yyyy-m-d");
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string mycalendarid //復合控件id
{
get
{
ensurechildcontrols();
return this.clientid+"_mycalendar";
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string mycalendarname //復合控件名稱
{
get
{
ensurechildcontrols();
return this.uniqueid+":mycalendar";
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string datepickerinputid //復合控件中輸入框的id
{
get
{
ensurechildcontrols();
return this.clientid+"_dateinput";
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string datepickerinputname //復合控件中輸入框的名稱
{
get
{
ensurechildcontrols();
return this.uniqueid+":dateinput";
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string datepickerbuttonid //復合控件中按鈕的id
{
get
{
ensurechildcontrols();
return this.clientid+"_datebutton";
}
}
[
browsable(false),
designerserializationvisibility(designerserializationvisibility.hidden)
]
public string datepickerbuttonname //復合控件中按鈕的名稱
{
get
{
ensurechildcontrols();
return this.uniqueid+":datebutton";
}
}
public string buttontext
{
get
{
ensurechildcontrols();
return viewstate["buttontext"] == null?_buttondefaulttext:(string)viewstate["buttontext"];
}
set
{
ensurechildcontrols();
viewstate["buttontext"] = value;
}
}
///
/// 將此控件呈現給指定的輸出參數。
/// ///
要寫出到的 html 編寫器
protected override void render(htmltextwriter output)
{
//在頁面中輸出控件時，產生一個表格（二行二列），以下是表格的樣式
output.addattribute(htmltextwriterattribute.cellspacing, "0");
output.addattribute(htmltextwriterattribute.border, "0");
output.addattribute(htmltextwriterattribute.cellpadding, "0");
output.addstyleattribute("left", this.style["left"]);
output.addstyleattribute("top", this.style["top"]);
output.addstyleattribute("position", "absolute");
if (width != unit.empty)
{
output.addstyleattribute(htmltextwriterstyle.width, width.tostring());
}
else
{
output.addstyleattribute(htmltextwriterstyle.width, "200px");
}
output.renderbegintag(htmltextwritertag.table); //輸出表格
output.renderbegintag(htmltextwritertag.tr); //表格第一行
output.addattribute(htmltextwriterattribute.width, "90%");
output.renderbegintag(htmltextwritertag.td);
//以下是第一行第一列中文本框的屬性及其樣式設置
if (!enabled)
{
output.addattribute(htmltextwriterattribute.readonly, "true");
}
output.addattribute(htmltextwriterattribute.type, "text");
output.addattribute(htmltextwriterattribute.id, datepickerinputid);
output.addattribute(htmltextwriterattribute.name, datepickerinputname);
output.addattribute(htmltextwriterattribute.value, text);
output.addstyleattribute(htmltextwriterstyle.width, "100%");
output.addstyleattribute(htmltextwriterstyle.height, "100%");
output.addstyleattribute(htmltextwriterstyle.fontfamily, font.name);
output.addstyleattribute(htmltextwriterstyle.fontsize, font.size.tostring());
output.addstyleattribute(htmltextwriterstyle.fontweight, font.bold?"bold":"");
output.addstyleattribute(htmltextwriterstyle.backgroundcolor, colortranslator.tohtml(backcolor));
output.addstyleattribute(htmltextwriterstyle.color, colortranslator.tohtml(forecolor));
output.renderbegintag(htmltextwritertag.input); //輸出文本框
output.renderendtag();
output.renderendtag();
output.addattribute(htmltextwriterattribute.width, "*");
output.renderbegintag(htmltextwritertag.td);
//以下是第一行第二列中按鈕的屬性及其樣式設置
if (!enabled)
{
output.addattribute(htmltextwriterattribute.disabled, "true");
}
output.addattribute(htmltextwriterattribute.type, "submit");
output.addattribute(htmltextwriterattribute.id, datepickerbuttonid);
output.addattribute(htmltextwriterattribute.name, datepickerbuttonname);
output.addattribute(htmltextwriterattribute.value, buttontext);
output.addstyleattribute(htmltextwriterstyle.width, "100%");
output.addattribute(htmltextwriterattribute.onclick, page.getpostbackeventreference(this)); //點擊按鈕時需要回傳服務器來觸發后面的onclick事件
output.addattribute(htmltextwriterattribute.style, buttonstyle);
output.renderbegintag(htmltextwritertag.input); //輸出按鈕
output.renderendtag();
output.renderendtag();
output.renderendtag();
output.renderbegintag(htmltextwritertag.tr);
output.addattribute(htmltextwriterattribute.colspan, "2");
output.renderbegintag(htmltextwritertag.td);
_calendar.rendercontrol(output); //將日歷子控件輸出
output.renderendtag();
output.renderendtag();
output.renderendtag();
}
//復合控件必須繼承ipostbackeventhandler接口，才能繼承raisepostbackevent事件
public void raisepostbackevent(string eventargument)
{
onclick(eventargs.empty);
}
protected virtual void onclick(eventargs e)
{
//點擊選擇日期按鈕時，如果日歷子控件沒有顯示則顯示出來并將文本框的值賦值給日歷子控件
if (_calendar.attributes["display"] != "")
{
_calendar.selecteddate = datetime.parse(text);
_calendar.style.add("display","");
}
}
//復合控件中的日歷控件日期變化事件
private void _calendar_selectionchanged(object sender, eventargs e)
{
//當選擇的日期變化時，將所選日期賦值給文本框并將日歷子控件隱藏
text = _calendar.selecteddate.tostring();
_calendar.style.add("display","none");
}
}
}
