中秋放假在家里没事做,在看Ajax Control Toolkit,今天上午一来公司打算把它安装到我的电脑上,OK,现在开始....
一、下载;下载地址:http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121,这里我下载的是20229的,因为从网站上的评价来看是比较高的,页面提供了以下几种下载(我选择第一个AjaxControlToolkit.zip):
二、下载后开始解压;
三、找到AjaxControlExtender目录下的AjaxControlExtender.vsi文件,双击运行,在默认情况下选择NEXT->Finish->Close(安装完成并退出);
四、启动Visual Studio,添加一个新网站,会看到在My Templates中包含了一个Ajax Control Toolkit Web Site,选择该模板,设置好Location后,点击OK
五、在工具箱内添加一个AjaxControlToolkit标签,单击右键选择Choose Items,单击Browse,选择上面第二步中解压目录下的SampleWebSite\Bin下的AjaxControlToolkit.dll文件,单击Open,完成工具箱的添加;
六、完成配置,测试下是否成功,在页面上添加一个TextBox控件和一个CalendarExtender控件:
1
<form id="form1" runat="server">
2
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
3
<div>
4
Please choose the date:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
5
<ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" Format="yyyy/MM/dd" TargetControlID="TextBox1">
6
</ajaxToolkit:CalendarExtender>
7
</div>
8
</form>

2

3

4

5

6

7

8

七、调试结果:
八、完成