為你的Blog打造個性日曆控制項

來源:互聯網
上載者:User
控制項|日曆 日曆控制項是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


相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。