C#编写Calendar控件浅析

C#语言还是比较常见的东西，这里我们主要介绍C#编写Calendar控件，包括介绍在C#中可以开发两种服务器控件，一个是用户控件（User Control）和自定义控件（Custom Control）等方面。

Visual C#.net是微软公司出品的一种新的编程语言（以下简称C#），它继承了C语言的一些特性，也加入了一些新的元素。以前用过Delphi开发程序的人可能刚开始使用C#的时候，对其有一种似曾相识的感觉（至少包括我）。是的，C#语言的创始人正是以前在Borland公司开发出Delphi语言的Anders Hejlsberg。在我开始使用C#开发程序时，就觉得它是一款很棒的开发Windows Form & Web程序的RAD工具。
在开发Web程序方面，C#的出现打破了以前的网页开发模式，实现了与开发Windows

Form程序一样的所见即所得的功能。C#提供了一些常用的Web Form Control供开发人员使用，并且只需将控件拖入页面中即可，非常简单。但有时这些控件也不能满足开发人员的需要，需要开发人员自己编写用户控件（User Control）或自定义控件（Custom Control）来满足需求。在这里，我将讲解如何C#编写Calendar控件。

一、预备知识

在C#中可以开发两种服务器控件，一个是用户控件（User Control）和自定义控件（Custom Control）。用户控件的本质与页面文件（ASPx文件）差不多，是可被其它aspx页面重复使用的HTML代码段，当然它也包括后台代码（Code-behind），后缀名是ascx。所以在开发一些公用的静态页面时（例如页头，页脚）经常用到，但它的缺点是不易继承，不易分发，无法编译成二进制代码来进行部署。但是自定义控件的功能就强大许多，它可以被编译成二进制代码（DLL文件），可以被扩展、继承、分发。就像Web Form Control一样，其实它们每个控件就是一个DLL文件。

开发用户控件比较简单，就像编写一个aspx页面一样，在这里就不介绍了。本文对象是自定义控件。服务器控件的基类是System.Web.UI.Control。如果要开发可视化的服务器控件，那我们需要从 System.Web.UI.WebControls来继承，否则从System.Web.UI.Control继承。

服务器控件在设计时以runat=”server”脚本代码嵌入到aspx文件中来表示此控件是在服务器端运行的。在服务器控件所在页面提交回传（PostBack）过程中是依靠ViewState（视图状态）来维护控件状态的。所以我们在设计服务器控件属性时，其值应保存在ViewState 中。

二、代码编写

C#编写Calendar控件，但是现在我需要一个可以下拉的日历控件，并且初始时不显示日历，当我点击下拉按钮时才弹出，并且当选择了日期，日历会自动隐藏且选择的日期值会显示到相应的输入框中。显然Calendar控件不能满足我的需要，但是稍后我会在我的自定义控件中用到它。

首先新建项目，在项目类型中选择Visual C#项目，在模板列表中选择Web控件库，输入项目名称AquaCalendar，然后选择项目所在目录，点击【确定】按钮。C#将会生成基本的框架代码。将项目中的类文件和类名改名为DatePicker（即日期控件的类名）。由于DatePicker是可视化控件，所以我们必须从System.Web.UI.WebControls继承。并且它包括一个输入框，一个按钮和日历控件，需要在DatePicker类中声明它们。像这种以多个服务器控件组合的控件成为复合控件。代码如下，比较重要的方法和代码在注释中会加以说明：

 
 
 
    
  
  
  
  1. using System;  
    2.   
  
  
  2. using System.Web.UI;  
    3.   
  
  
  3. using System.Web.UI.WebControls;  
    4.   
  
  
  4. using System.ComponentModel;  
    5.   
  
  
  5. using System.Drawing;  
    6.   
  
  
  6.  
    7.   
  
  
  7. namespace AquaCalendar  
    8.   
  
  
  8. {  
    9.   
  
  
  9. [DefaultProperty("Text"),  
    10.   
  
  
  10.     //在属性工具箱中显示的默认属性  
    11.   
  
  
  11. ToolboxData("<{0}:DatePicker runat=server>")]  
    12.   
  
  
  12. public class DatePicker :  
    13.   
  
  
  13.       System.Web.UI.WebControls.WebControl ,  
    14.   
  
  
  14.        IPostBackEventHandler  
    15.   
  
  
  15. {  
    16.   
  
  
  16. //选择日期按钮的默认样式  
    17.   
  
  
  17. private const string _BUTTONDEFAULTSTYLE = "BORDER-RIGHT: gray 1px solid; 
    18.   
  
  
  18. BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; 
    19.   
  
  
  19. CURSOR: hand; 
    20.   
  
  
  20. BORDER-BOTTOM: gray 1px solid;";  
    21.   
  
  
  21.  
    22.   
  
  
  22. //按钮默认文本  
    23.   
  
  
  23.  
    24.   
  
  
  24. private const string _BUTTONDEFAULTTEXT = "...";  
    25.   
  
  
  25. private System.Web.UI.WebControls.Calendar _Calendar;  
    26.   
  
  
  26.  
    27.   
  
  
  27. public override ControlCollection Controls  
    28.   
  
  
  28. {  
    29.   
  
  
  29. get  
    30.   
  
  
  30. {  
    31.   
  
  
  31. EnsureChildControls(); //确认子控件集都已被创建  
    32.   
  
  
  32. return base.Controls;  
    33.   
  
  
  33. }  
    34.   
  
  
  34. }  
    35.   
  
  
  35.  
    36.   
  
  
  36. //创建子控件（服务器日历控件）  
    37.   
  
  
  37.  
    38.   
  
  
  38. protected override void CreateChildControls()  
    39.   
  
  
  39. {  
    40.   
  
  
  40. Controls.Clear();  
    41.   
  
  
  41. _Calendar = new Calendar();  
    42.   
  
  
  42. _Calendar.ID = MyCalendarID;  
    43.   
  
  
  43. _Calendar.SelectedDate = DateTime.Parse(Text);  
    44.   
  
  
  44. _Calendar.TitleFormat = TitleFormat.MonthYear;  
    45.   
  
  
  45. _Calendar.NextPrevFormat = NextPrevFormat.ShortMonth;  
    46.   
  
  
  46. _Calendar.CellSpacing = 0;  
    47.   
  
  
  47. _Calendar.Font.Size = FontUnit.Parse("9pt");  
    48.   
  
  
  48. _Calendar.Font.Name = "Verdana";  
    49.   
  
  
  49. _Calendar.SelectedDayStyle.BackColor = ColorTranslator.FromHtml("#333399");  
    50.   
  
  
  50. _Calendar.SelectedDayStyle.ForeColor = ColorTranslator.FromHtml("White");  
    51.   
  
  
  51. _Calendar.DayStyle.BackColor = ColorTranslator.FromHtml("#CCCCCC");  
    52.   
  
  
  52. _Calendar.TodayDayStyle.BackColor = ColorTranslator.FromHtml("#999999");  
    53.   
  
  
  53. _Calendar.TodayDayStyle.ForeColor = ColorTranslator.FromHtml("Aqua");  
    54.   
  
  
  54. _Calendar.DayHeaderStyle.Font.Size = FontUnit.Parse("8pt");  
    55.   
  
  
  55. _Calendar.DayHeaderStyle.Font.Bold = true;  
    56.   
  
  
  56. _Calendar.DayHeaderStyle.Height = Unit.Parse("8pt");  
    57.   
  
  
  57. _Calendar.DayHeaderStyle.ForeColor = ColorTranslator.FromHtml("#333333");  
    58.   
  
  
  58. _Calendar.NextPrevStyle.Font.Size = FontUnit.Parse("8pt");  
    59.   
  
  
  59. _Calendar.NextPrevStyle.Font.Bold = true;  
    60.   
  
  
  60. _Calendar.NextPrevStyle.ForeColor = ColorTranslator.FromHtml("White");  
    61.   
  
  
  61. _Calendar.TitleStyle.Font.Size = FontUnit.Parse("12pt");  
    62.   
  
  
  62. _Calendar.TitleStyle.Font.Bold = true;  
    63.   
  
  
  63. _Calendar.TitleStyle.Height = Unit.Parse("12pt");  
    64.   
  
  
  64. _Calendar.TitleStyle.ForeColor = ColorTranslator.FromHtml("White");  
    65.   
  
  
  65. _Calendar.TitleStyle.BackColor = ColorTranslator.FromHtml("#333399");  
    66.   
  
  
  66. _Calendar.OtherMonthDayStyle.ForeColor = ColorTranslator.FromHtml("#999999");  
    67.   
  
  
  67. _Calendar.NextPrevFormat = NextPrevFormat.CustomText;  
    68.   
  
  
  68. _Calendar.NextMonthText = "下月";  
    69.   
  
  
  69. _Calendar.PrevMonthText = "上月";  
    70.   
  
  
  70. _Calendar.Style.Add("display","none"); //默认不显示下拉日历控件  
    71.   
  
  
  71. _Calendar.SelectionChanged += new EventHandler(_Calendar_SelectionChanged);  
    72.   
  
  
  72. this.Controls.Add(_Calendar);  
    73.   
  
  
  73. }  
    74.   
  
  
  74. [  
    75.   
  
  
  75. Category("Appearance"), //该属性所属类别，参见图  
    76.   
  
  
  76. DefaultValue(""), //属性默认值  
    77.   
  
  
  77. Description("设置该日期控件的值。") //属性的描述  
    78.   
  
  
  78. ]  
    79.   
  
  
  79.  
    80.   
  
  
  80. public string Text  
    81.   
  
  
  81. {  
    82.   
  
  
  82. get  
    83.   
  
  
  83. {  
    84.   
  
  
  84. EnsureChildControls();  
    85.   
  
  
  85. return (ViewState["Text"] == null)?System.DateTime.Today.
    ToString("yyyy-MM-dd"):ViewState["Text"].ToString();  
    86.   
  
  
  86. }  
    87.   
  
  
  87. set  
    88.   
  
  
  88. {  
    89.   
  
  
  89. EnsureChildControls();  
    90.   
  
  
  90. DateTime dt = System.DateTime.Today;  
    91.   
  
  
  91. try  
    92.   
  
  
  92. {  
    93.   
  
  
  93. dt = DateTime.Parse(value);  
    94.   
  
  
  94. }  
    95.   
  
  
  95. catch  
    96.   
  
  
  96. {  
    97.   
  
  
  97. throw new ArgumentOutOfRangeException("请输入日期型字符串（例如：1981-04-29）！");  
    98.   
  
  
  98. }  
    99.   
  
  
  99.  
    100.   
  
  
  100. ViewState["Text"] = DateFormat == CalendarEnum.LongDateTime?dt.
    ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");  
    101.   
  
  
  101. }  
    102.   
  
  
  102. }  
    103.   
  
  
  103.  
    104.   
  
  
  104. //重载服务器控件的Enabled属性，将选择日期按钮变灰（禁用）  
    105.   
  
  
  105.  
    106.   
  
  
  106. public override bool Enabled  
    107.   
  
  
  107. {  
    108.   
  
  
  108. get  
    109.   
  
  
  109. {  
    110.   
  
  
  110. EnsureChildControls();  
    111.   
  
  
  111. return ViewState["Enabled"] == null?true:(bool)ViewState["Enabled"];  
    112.   
  
  
  112. }  
    113.   
  
  
  113. set  
    114.   
  
  
  114. {  
    115.   
  
  
  115. EnsureChildControls();  
    116.   
  
  
  116. ViewState["Enabled"] = value;  
    117.   
  
  
  117. }  
    118.   
  
  
  118. }  
    119.   
  
  
  119.  
    120.   
  
  
  120. public string ButtonStyle  
    121.   
  
  
  121. {  
    122.   
  
  
  122. get  
    123.   
  
  
  123. {  
    124.   
  
  
  124. EnsureChildControls();  
    125.   
  
  
  125. object o = ViewState["ButtonSytle"];  
    126.   
  
  
  126. return (o == null)?_BUTTONDEFAULTSTYLE:o.ToString();  
    127.   
  
  
  127. }  
    128.   
  
  
  128. set  
    129.   
  
  
  129. {  
    130.   
  
  
  130. EnsureChildControls();  
    131.   
  
  
  131. ViewState["ButtonSytle"] = value;  
    132.   
  
  
  132. }  
    133.   
  
  
  133. }  
    134.   
  
  
  134.  
    135.   
  
  
  135. [  
    136.   
  
  
  136. DefaultValue(CalendarEnum.LongDateTime),  
    137.   
  
  
  137. ]  
    138.   
  
  
  138.  
    139.   
  
  
  139. public CalendarEnum DateFormat  
    140.   
  
  
  140. {  
    141.   
  
  
  141. get  
    142.   
  
  
  142. {  
    143.   
  
  
  143. EnsureChildControls();  
    144.   
  
  
  144. object format = ViewState["DateFormat"];  
    145.   
  
  
  145. return format == null?CalendarEnum.LongDateTime:(CalendarEnum)format;  
    146.   
  
  
  146. }  
    147.   
  
  
  147. set  
    148.   
  
  
  148. {  
    149.   
  
  
  149. EnsureChildControls();  
    150.   
  
  
  150. ViewState["DateFormat"] = value;  
    151.   
  
  
  151. DateTime dt = DateTime.Parse(Text);  
    152.   
  
  
  152. Text=DateFormat == CalendarEnum.LongDateTime?dt.
    ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");  
    153.   
  
  
  153. }  
    154.   
  
  
  154. }  
    155.   
  
  
  155.  
    156.   
  
  
  156. [  
    157.   
  
  
  157. Browsable(false),  
    158.   
  
  
  158. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    159.   
  
  
  159. ]  
    160.   
  
  
  160.  
    161.   
  
  
  161. public string MyCalendarID //复合控件ID  
    162.   
  
  
  162. {  
    163.   
  
  
  163. get  
    164.   
  
  
  164. {  
    165.   
  
  
  165. EnsureChildControls();  
    166.   
  
  
  166. return this.ClientID+"_MyCalendar";  
    167.   
  
  
  167. }  
    168.   
  
  
  168. }  
    169.   
  
  
  169.  
    170.   
  
  
  170. [  
    171.   
  
  
  171. Browsable(false),  
    172.   
  
  
  172. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    173.   
  
  
  173. ]  
    174.   
  
  
  174.  
    175.   
  
  
  175. public string MyCalendarName //复合控件名称  
    176.   
  
  
  176. {  
    177.   
  
  
  177. get  
    178.   
  
  
  178. {  
    179.   
  
  
  179. EnsureChildControls();  
    180.   
  
  
  180. return this.UniqueID+":MyCalendar";  
    181.   
  
  
  181. }  
    182.   
  
  
  182. }  
    183.   
  
  
  183.  
    184.   
  
  
  184. [  
    185.   
  
  
  185. Browsable(false),  
    186.   
  
  
  186. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    187.   
  
  
  187. ]  
    188.   
  
  
  188.  
    189.   
  
  
  189. public string DatePickerInputID //复合控件中输入框的ID  
    190.   
  
  
  190. {  
    191.   
  
  
  191. get  
    192.   
  
  
  192. {  
    193.   
  
  
  193. EnsureChildControls();  
    194.   
  
  
  194. return this.ClientID+"_DateInput";  
    195.   
  
  
  195. }  
    196.   
  
  
  196. }  
    197.   
  
  
  197.  
    198.   
  
  
  198. [  
    199.   
  
  
  199. Browsable(false),  
    200.   
  
  
  200. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    201.   
  
  
  201. ]  
    202.   
  
  
  202.  
    203.   
  
  
  203. public string DatePickerInputName //复合控件中输入框的名称  
    204.   
  
  
  204. {  
    205.   
  
  
  205. get  
    206.   
  
  
  206. {  
    207.   
  
  
  207. EnsureChildControls();  
    208.   
  
  
  208. return this.UniqueID+":DateInput";  
    209.   
  
  
  209. }  
    210.   
  
  
  210. }  
    211.   
  
  
  211.  
    212.   
  
  
  212. [  
    213.   
  
  
  213. Browsable(false),  
    214.   
  
  
  214. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    215.   
  
  
  215. ]  
    216.   
  
  
  216.  
    217.   
  
  
  217. public string DatePickerButtonID //复合控件中按钮的ID  
    218.   
  
  
  218. {  
    219.   
  
  
  219. get  
    220.   
  
  
  220. {  
    221.   
  
  
  221. EnsureChildControls();  
    222.   
  
  
  222. return this.ClientID+"_DateButton";  
    223.   
  
  
  223. }  
    224.   
  
  
  224. }  
    225.   
  
  
  225.  
    226.   
  
  
  226. [  
    227.   
  
  
  227. Browsable(false),  
    228.   
  
  
  228. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
    229.   
  
  
  229. ]  
    230.   
  
  
  230.  
    231.   
  
  
  231. public string DatePickerButtonName //复合控件中按钮的名称  
    232.   
  
  
  232. {  
    233.   
  
  
  233. get  
    234.   
  
  
  234. {  
    235.   
  
  
  235. EnsureChildControls();  
    236.   
  
  
  236. return this.UniqueID+":DateButton";  
    237.   
  
  
  237. }  
    238.   
  
  
  238. }  
    239.   
  
  
  239.  
    240.   
  
  
  240. public string ButtonText  
    241.   
  
  
  241. {  
    242.   
  
  
  242. get  
    243.   
  
  
  243. {  
    244.   
  
  
  244. EnsureChildControls();  
    245.   
  
  
  245. return ViewState["ButtonText"] == null?_BUTTONDEFAULTTEXT:
    (string)ViewState["ButtonText"];  
    246.   
  
  
  246. }  
    247.   
  
  
  247. set  
    248.   
  
  
  248. {  
    249.   
  
  
  249. EnsureChildControls();  
    250.   
  
  
  250. ViewState["ButtonText"] = value;  
    251.   
  
  
  251. }  
    252.   
  
  
  252. }  
    253.

分享名称：C#编写Calendar控件浅析
分享URL：http://www.shufengxianlan.com/qtweb/news30/474480.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

电子商务知识

分类信息网站

金羊影视传媒　　 　成都免费做网站公司　　 　网络推广公司　　 　优化排名　　 　校园网站建设方案　　 　泸州洋跃建站　　 　成都seo优化　　 　品牌网站建设　　 　重庆企业网站建设　　 　四川主机托管　　 　托管服务器　　 　小谭建站　　 　众诚伟业　　 　VI设计　　 　成都手机网站建设　　 　重庆水土双线托管　　 　成都免费自助建站　　 　网站SEO优化　　 　四川胜锦安防　　 　响应式网站建设