為你的Blog打造個性日歷控件
2024-07-21 02:24:27
供稿：網(wǎng)友
日歷控件是dotnet自帶的控件之一，功能強大，在很多項目開發(fā)中都有用到，對于blog系統(tǒng)來說更是必不可少。縱是好玉也仍需雕琢，為了使它更美觀實用，我們還需要對它進行二次開發(fā)。
第一步是外觀設(shè)置，這個根據(jù)你的需要，只需對它的相關(guān)屬性做一些調(diào)整即可。下圖是我調(diào)整后的界面
屬性設(shè)置如下：<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">
第二步是對內(nèi)部功能的調(diào)整，這個工作主要集中在以下兩個事件的處理上。
prerender：當服務(wù)器控件將要呈現(xiàn)給其包含的page對象時發(fā)生。
dayrender：當為calendar控件在控件層次結(jié)構(gòu)中創(chuàng)建每一天時發(fā)生。
先定義三個整型變量和整型數(shù)組
private int[] arrcurrentdays,arrpredays,arrnextdays; //三個變量分別是當前月，前一月，和下一個月
private int intcurrentmonth,intpremonth,intnextmonth; //三個整型數(shù)組存放相對月份寫有blog的日期
protected system.web.ui.webcontrols.calendar calendar1; //這個就是我們的日歷控件了
2. 下面我將分別給出這兩個事件的源碼，并在下面解釋它實現(xiàn)的功能，如果你看不明白，可以先看下面的說明
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;
}
以上代碼改變了星期名稱的顯示。你只需改變字符數(shù)組的值就能改名稱顯示。
dayrender
private void calendar1_dayrender(object sender, system.web.ui.webcontrols.dayrendereventargs e)
{
//該控件在創(chuàng)建每一天時發(fā)生。
calendarday d = ((dayrendereventargs)e).day;
tablecell c = ((dayrendereventargs)e).cell;
// 初始化當前月有blog的日期數(shù)組
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的日期數(shù)組
arrcurrentdays = getarrayday(d.date.year,intcurrentmonth) ;//得到當月有blog的日期數(shù)組
arrnextdays = getarrayday(d.date.year,intnextmonth) ;//得到下個月有blog的日期數(shù)組
}
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內(nèi)容的日期加上超級鏈接。于是我們需要在初始化時得到三個數(shù)組，數(shù)組里分別存放連續(xù)三個月的寫有blog的日期。然后依次與當前日期比較，相同則加上鏈接。
在使用dayrender事件時，你一定不要忘了它是在每個日期初始化時執(zhí)行一次，這就意味著初始化一次日歷控件這個事件就要執(zhí)行42次，所以要盡可能的簡化操作，更不要不加判斷的進行重復(fù)的數(shù)據(jù)庫操作，我剛開始時沒注意，在該事件里寫了兩個讀庫語句，結(jié)果嚴重影響性能。
下面這個方法是我用來獲得日期數(shù)組的。
// 得到該月有blog的日期數(shù)組
private int[] getarrayday(int intyear,int intmonth)
{
int[] intarray = new int[31];
//從數(shù)據(jù)庫里選取符合要求的記錄，將日期存入數(shù)組
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
