为你的Blog打造个性日历控件

日历控件是dotnet自带的控件之一,功能强大,在很多项目开发中都有用到,对于blog系统来说更是必不可少。纵是好玉也仍需雕琢,为了使它更美观实用,我们还需要对它进行二次开发。

第一步是外观设置,这个根据你的需要,只需对它的相关属性做一些调整即可。下图是我调整后的界面

属性设置如下:

  1<asp:calendar bordercolor="#aaaaaa" cellpadding="2" cellspacing="1" dayheaderstyle-backcolor="#5e715e" dayheaderstyle-forecolor="#ffffff" daynameformat="Full" id="Calendar1" nextprevstyle-forecolor="#ffffff" othermonthdaystyle-forecolor="#cccccc" runat="server" selectionmode="None" titlestyle-backcolor="#000000" titlestyle-forecolor="#ffffff" todaydaystyle-bordercolor="#5e715e" todaydaystyle-borderwidth="1" todaydaystyle-font-bold="true" todaydaystyle-forecolor="#5e715e" weekenddaystyle-backcolor="#eeeeee" width="160px">
  2
  3第二步是对内部功能的调整,这个工作主要集中在以下两个事件的处理上。 
  4
  5PreRender  :当服务器控件将要呈现给其包含的Page对象时发生。 
  6
  7DayRender  :当为Calendar控件在控件层次结构中创建每一天时发生。 
  8
  9  1. **先定义三个整型变量和整型数组**
 10
 11
 12
 13private int[] arrCurrentDays,arrPreDays,arrNextDays; //三个变量分别是当前月,前一月,和下一个月   
 14private int intCurrentMonth,intPreMonth,intNextMonth; //三个整型数组存放相对月份写有blog的日期   
 15protected System.Web.UI.WebControls.Calendar Calendar1; //这个就是我们的日历控件了 
 16
 172\. **下面我将分别给出这两个事件的源码,并在下面解释它实现的功能,如果你看不明白,可以先看下面的说明**
 18
 19  * **PreRender**
 20
 21
 22
 23private void Calendar1_PreRender(object sender, System.EventArgs e)   
 24{   
 25Thread threadCurrent = Thread.CurrentThread;   
 26CultureInfo ciNew = (CultureInfo)threadCurrent.CurrentCulture.Clone();   
 27ciNew.DateTimeFormat.DayNames = new string[]{"日","一","二","三","四","五","六"};   
 28ciNew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday;   
 29threadCurrent.CurrentCulture = ciNew;   
 30} 
 31
 32以上代码改变了星期名称的显示。你只需改变字符数组的值就能改名称显示。 
 33
 34  * **DayRender**
 35
 36
 37
 38private void Calendar1_DayRender(object sender, System.Web.UI.WebControls.DayRenderEventArgs e)   
 39{   
 40//该控件在创建每一天时发生。   
 41  
 42CalendarDay d = ((DayRenderEventArgs)e).Day;   
 43TableCell c = ((DayRenderEventArgs)e).Cell; 
 44
 45// 初始化当前月有Blog的日期数组   
 46if( intPreMonth == 0 )   
 47{   
 48intPreMonth = d.Date.Month; // 注意:日历控件初始化时我们得到的第一个月并不是当前月,而是前一个月的月份   
 49intCurrentMonth = intPreMonth+1;   
 50if (intCurrentMonth&gt;12)   
 51intCurrentMonth=1 ;   
 52intNextMonth = intCurrentMonth+1;   
 53if (intNextMonth &gt;12)   
 54intNextMonth =1;   
 55arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一个月有blog的日期数组   
 56arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到当月有blog的日期数组   
 57arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下个月有blog的日期数组   
 58}   
 59  
 60int j=0;   
 61if( d.Date.Month.Equals(intPreMonth) )   
 62{   
 63while( ! arrPreDays[j].Equals(0) )   
 64{   
 65if(d.Date.Day.Equals(arrPreDays[j]))   
 66{   
 67c.Controls.Clear();   
 68c.Controls.Add(new LiteralControl("<a d.date.month+"&day="+d.Date.Day+" href='day.aspx?year="+d.Date.Year+"&amp;month="+'>"+d.Date.Day+"</a>"));   
 69}   
 70j++;   
 71}   
 72}   
 73else if( d.Date.Month.Equals(intCurrentMonth) )   
 74{   
 75while( ! arrCurrentDays[j].Equals(0) )   
 76{   
 77if(d.Date.Day.Equals(arrCurrentDays[j]))   
 78{   
 79c.Controls.Clear();   
 80c.Controls.Add(new LiteralControl("<a d.date.month+"&day="+d.Date.Day+" href='day.aspx?year="+d.Date.Year+"&amp;month="+'>"+d.Date.Day+"</a>"));   
 81}   
 82j++;   
 83}   
 84}   
 85else if( d.Date.Month.Equals(intNextMonth) )   
 86{   
 87while( ! arrNextDays[j].Equals(0) )   
 88{   
 89if(d.Date.Day.Equals(arrNextDays[j]))   
 90{   
 91c.Controls.Clear();   
 92c.Controls.Add(new LiteralControl("<a d.date.month+"&day="+d.Date.Day+" href='day.aspx?year="+d.Date.Year+"&amp;month="+'>"+d.Date.Day+"</a>"));   
 93}   
 94j++;   
 95}   
 96}   
 97} 
 98
 99日期控件一个页面能显示三个月份的日期,当前月是完整的,前一月和下一月有部分日期。DayRender事件会初始化具体日期的显示方式,在这里我们要对有blog内容的日期加上超级链接。于是我们需要在初始化时得到三个数组,数组里分别存放连续三个月的写有blog的日期。然后依次与当前日期比较,相同则加上链接。 
100
101在使用DayRender事件时,你一定不要忘了它是在每个日期初始化时执行一次,这就意味着初始化一次日历控件这个事件就要执行42次,所以要尽可能的简化操作,更不要不加判断的进行重复的数据库操作,我刚开始时没注意,在该事件里写了两个读库语句,结果严重影响性能。 
102
103  * **下面这个方法是我用来获得日期数组的。**
104
105
106
107// 得到该月有blog的日期数组   
108private int[] getArrayDay(int intYear,int intMonth)   
109{   
110int[] intArray = new int[31];   
111//从数据库里选取符合要求的记录,将日期存入数组   
112string strSql = "select content_time from content where year(content_time)="+intYear+   
113" and month(content_time)="+intMonth;   
114dr = SqlHandle.GetDr(strSql);   
115while(dr.Read())   
116{   
117if( i==0 )   
118{   
119intArray[i] = dr.GetDateTime(0).Day;   
120i++;   
121}   
122else if( dr.GetDateTime(0).Day != intArray[i-1] )   
123{   
124intArray[i] = dr.GetDateTime(0).Day;   
125i++;   
126}   
127}   
128dr.Close();   
129return intArray;   
130} 
131
132具体的使用效果可以去我的blog看: www.dever.cn</asp:calendar>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus