按需求定制ASP.NET Calendar控件(Customize the ASP.NET Calendar Control)

如今各种各样的日历控件满天飞（参见http://www.cnblogs.com/blodfox777/archive/2008/08/13/1266639.html），使用ASP.NET Calendar控件的朋友貌似不多了，但今天一个客户的古怪问题却让我想起了它的一个大优点：可以按照自己的要求进行定制！

 

问：

Scenario: I have a calendar control in an aspx page and gets populated using a datasource. The data in this view is more of a title that the user can drill into.

Question: I want to link the date (Eg: 20) so when user clicks a client side event is fired and not a postback is done. How can I hook the date with a client side script?

Thanks

 

答：

 

As far as I know, if you would like to customize the ASP.NET Calendar control, the code should be written in the ondayrender event handle.
 
Just like the following demo:
 
When use click on a day on this calendar, instead of post back, a user definable JavaScript function will be called:

 
 

 

 

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default4.aspx.cs "  Inherits = " Default4 "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title ></ title >
< script  type ="text/javascript" >
function  clickdate(day)
{
    window.alert(day);
}
</ script >

</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
         < div >< asp:Calendar  ID ="Calendar1"  runat ="server"  
                ondayrender ="Calendar1_DayRender" ></ asp:Calendar ></ div >
     </ div >
     </ form >
</ body >
</ html >

 

 

protected   void  Calendar1_DayRender( object  sender, DayRenderEventArgs e)
{

    e.Cell.Text  =   " &lt;input type='button' value=' "   +  e.Day.Date.Day.ToString()  +   " ' onclick='clickdate(this.value);'/> " ;
}

 

 

For more information about ondayrender, I would like to suggest you to check the following link, which talks about ondayrender of Calendar control.
 
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.calendar.dayrender.aspx
 
If I’ve misunderstood the facing issue, please feel free to let me know.
 
Thanks.