AjaxToolkit之Calendar
微软在2008年2月29日发布了基于.Net Framework 3.5和VS2008平台上的AJAX Control Toolkit 版本好为Version 3.0.20229而之前的版本号为Version 1.0.20229则主要针对2.0和VS2005平台,以上安装包的官方下载地址:http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121#VoteBreakdown
简单的介绍一下安装过程:
1.解压后打开AjaxControlToolkit-Framework3.5\AjaxControlExtender下的AjaxControlExtender.vsi
2.选择好需要安装的组件
3.打开VS2008,在添加选项中浏览AjaxControlToolkit-Framework3.5\SampleWebSite\Bin下的AjaxControlToolkit.dll添加即可(当然随着版本号的升级该dll文件位置可能会有变化)
*注意,最后一步比较重要,否则无法添加Ajax控件.
以下讨论一下其中Calendar控件的设置:
<ajaxToolkit:Calendar runat="server" TargetControlID="Date1" CssClass="ClassName" Format="MMMM d, yyyy" PopupButtonID="Image1" />
以上是控件的定义,其中比较重要的属性说明:
TargetControlID:与该控件绑定的控件ID,主要为asp:TextBox
CssClass:日历控件的样式定义,下载带Sample的包中带了一个Calendar.css文件,可以进行修改并
Format:日期显示的形式
PopupButtonID:通过指定的按钮来弹出日历时,该按钮的ID
PopupPosition:日历弹出后相对于按钮的位置,可选值(BottomRight,BottomLeft,Left,Right,TopLeft,TopRight)相对于弹出按钮的位置说(右下、左下、左、右、左上、右上)
以下为一个通过PopupButton显示日历控件的代码:
...
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
...
<asp:TextBox ID="txtDate" runat="server" ></asp:TextBox>
<asp:ImageButton runat="server" ID="imgDate" ImageUrl="~/calendar.gif" />
<cc1:CalendarExtender TargetControlID="txtDate" ID="CalendarExtender1"
runat="server" PopupButtonID="imgDate" PopupPosition="BottomRight"
CssClass="MyCSS" >
</cc1:CalendarExtender>
简单的介绍一下安装过程:
1.解压后打开AjaxControlToolkit-Framework3.5\AjaxControlExtender下的AjaxControlExtender.vsi
2.选择好需要安装的组件
3.打开VS2008,在添加选项中浏览AjaxControlToolkit-Framework3.5\SampleWebSite\Bin下的AjaxControlToolkit.dll添加即可(当然随着版本号的升级该dll文件位置可能会有变化)
*注意,最后一步比较重要,否则无法添加Ajax控件.
以下讨论一下其中Calendar控件的设置:
<ajaxToolkit:Calendar runat="server" TargetControlID="Date1" CssClass="ClassName" Format="MMMM d, yyyy" PopupButtonID="Image1" />
以上是控件的定义,其中比较重要的属性说明:
TargetControlID:与该控件绑定的控件ID,主要为asp:TextBox
CssClass:日历控件的样式定义,下载带Sample的包中带了一个Calendar.css文件,可以进行修改并
Format:日期显示的形式
PopupButtonID:通过指定的按钮来弹出日历时,该按钮的ID
PopupPosition:日历弹出后相对于按钮的位置,可选值(BottomRight,BottomLeft,Left,Right,TopLeft,TopRight)相对于弹出按钮的位置说(右下、左下、左、右、左上、右上)
以下为一个通过PopupButton显示日历控件的代码:
...
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
...
<asp:TextBox ID="txtDate" runat="server" ></asp:TextBox>
<asp:ImageButton runat="server" ID="imgDate" ImageUrl="~/calendar.gif" />
<cc1:CalendarExtender TargetControlID="txtDate" ID="CalendarExtender1"
runat="server" PopupButtonID="imgDate" PopupPosition="BottomRight"
CssClass="MyCSS" >
</cc1:CalendarExtender>
