日歷控件是dotnet自帶的控件之一,功能強大,在很多項目開發中都有用到,對于blog系統來說更是必不可少。縱是好玉也仍需雕琢,為了使它更美觀實用,我們還需要對它進行二次開發。
第一步是外觀設置,這個根據你的需要,只需對它的相關屬性做一些調整即可。下圖是我調整后的界面
屬性設置如下:<asp:calendar id="Calendar1" CellPadding="2" Width="160px" TitleStyle-BackColor="#000000" BorderColor="#aaaaaa" DayHeaderStyle-BackColor="#5e715e" OtherMonthDayStyle-ForeColor="#cccccc" DayNameFormat="Full" runat="server" TitleStyle-ForeColor="#ffffff" NextPrevStyle-ForeColor="#ffffff" CellSpacing="1" WeekendDayStyle-BackColor="#eeeeee" DayHeaderStyle-ForeColor="#ffffff" SelectionMode="None" TodayDayStyle-BorderColor="#5e715e" TodayDayStyle-BorderWidth="1" TodayDayStyle-Font-Bold="true" TodayDayStyle-ForeColor="#5e715e">
第二步是對內部功能的調整,這個工作主要集中在以下兩個事件的處理上。
PreRender:當服務器控件將要呈現給其包含的Page對象時發生。
DayRender:當為Calendar控件在控件層次結構中創建每一天時發生。
先定義三個整型變量和整型數組 private int[] arrCurrentDays,arrPreDays,arrNextDays; //三個變量分別是當前月,前一月,和下一個月 private int intCurrentMonth,intPreMonth,intNextMonth; //三個整型數組存放相對月份寫有blog的日期 protected System.Web.UI.WebControls.Calendar Calendar1; //這個就是我們的日歷控件了
2. 下面我將分別給出這兩個事件的源碼,并在下面解釋它實現的功能,如果你看不明白,可以先看下面的說明
PreRender private void Calendar1_PreRender(object sender, System.EventArgs e) { Thread threadCurrent = Thread.CurrentThread; CultureInfo ciNew = (CultureInfo)threadCurrent.CurrentCulture.Clone(); ciNew.DateTimeFormat.DayNames = new string[]{"日","一","二","三","四","五","六"}; ciNew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday; threadCurrent.CurrentCulture = ciNew; }
以上代碼改變了星期名稱的顯示。你只需改變字符數組的值就能改名稱顯示。
DayRender private void Calendar1_DayRender(object sender, System.Web.UI.WebControls.DayRenderEventArgs e) { //該控件在創建每一天時發生。 CalendarDay d = ((DayRenderEventArgs)e).Day; TableCell c = ((DayRenderEventArgs)e).Cell;
// 初始化當前月有Blog的日期數組 if( intPreMonth == 0 ) { intPreMonth = d.Date.Month; // 注意:日歷控件初始化時我們得到的第一個月并不是當前月,而是前一個月的月份 intCurrentMonth = intPreMonth+1; if (intCurrentMonth>12) intCurrentMonth=1 ; intNextMonth = intCurrentMonth+1; if (intNextMonth >12) intNextMonth =1; arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一個月有blog的日期數組 arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到當月有blog的日期數組 arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下個月有blog的日期數組 } int j=0; if( d.Date.Month.Equals(intPreMonth) ) { while( ! arrPreDays[j].Equals(0) ) { if(d.Date.Day.Equals(arrPreDays[j])) { c.Controls.Clear(); c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+ d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>")); } j++; } } else if( d.Date.Month.Equals(intCurrentMonth) ) { while( ! arrCurrentDays[j].Equals(0) ) { if(d.Date.Day.Equals(arrCurrentDays[j])) { c.Controls.Clear(); c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+ d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>")); } j++; } } else if( d.Date.Month.Equals(intNextMonth) ) { while( ! arrNextDays[j].Equals(0) ) { if(d.Date.Day.Equals(arrNextDays[j])) { c.Controls.Clear(); c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+ d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>")); } j++; } } }
日期控件一個頁面能顯示三個月份的日期,當前月是完整的,前一月和下一月有部分日期。DayRender事件會初始化具體日期的顯示方式,在這里我們要對有blog內容的日期加上超級鏈接。于是我們需要在初始化時得到三個數組,數組里分別存放連續三個月的寫有blog的日期。然后依次與當前日期比較,相同則加上鏈接。
在使用DayRender事件時,你一定不要忘了它是在每個日期初始化時執行一次,這就意味著初始化一次日歷控件這個事件就要執行42次,所以要盡可能的簡化操作,更不要不加判斷的進行重復的數據庫操作,我剛開始時沒注意,在該事件里寫了兩個讀庫語句,結果嚴重影響性能。
下面這個方法是我用來獲得日期數組的。 // 得到該月有blog的日期數組 private int[] getArrayDay(int intYear,int intMonth) { int[] intArray = new int[31]; //從數據庫里選取符合要求的記錄,將日期存入數組 string strSql = "select content_time from content where year(content_time)="+intYear+ " and month(content_time)="+intMonth; dr = SqlHandle.GetDr(strSql); while(dr.Read()) { if( i==0 ) { intArray[i] = dr.GetDateTime(0).Day; i++; } else if( dr.GetDateTime(0).Day != intArray[i-1] ) { intArray[i] = dr.GetDateTime(0).Day; i++; } } dr.Close(); return intArray; }
具體的使用效果可以去我的blog看: www.dever.cn
|