SharePoint And Ajax Technology（2）：Ajax Control Toolkit学习

花花世界蕾

SharePoint And Ajax Technology（2）：Ajax Control Toolkit学习

今天学习了第二个视频HDI-02-GetStarted-AJAX-Toolkit，如何配置AjaxControl Toolkit。需要到Codeplex上下载这个组件。
下载地址：
http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121
由于我安装的是VS2008，所以下载的版本为AjaxControlToolkit-Framework3.5。请选择适合的版本使用。

下载后，将压缩包解压缩到如下目录：
C:\ProgramFiles\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AJAX Control Toolkit

解压缩后内容如下：


双击AjaxControlToolkit.sln文件，用VS打开这个解决方案。弹出如下窗口选择正常加载项目。


编译其中的AjaxControlToolkit项目，并从bin文件夹中考出编译后的AjaxControlToolkit.dll组件，备用。

1．打开上次创建的Ajax网站，添加一个新的网页Default2.aspx。
2．打开Default2.aspx，在页面上添加一个ScriptManager，用来支持Ajax功能。
3．然后添加一个Label，一个TextBox，一个Button控件，如下图。


4．打开左边的工具箱Toolbox，点击鼠标右键，选择添加一个Tab，命名为AJAX Control Toolkit。
5．展开这个Tab，在里面点击鼠标右键，选择ChooseItems…


6．在打开的窗口上点击Browse，找到刚才考出来备用的AjaxControlToolkit.dll组件。


7．选择AjaxControlToolkit.dll组件。点击打开。


8．ChooseToolbox Items窗口会自动加载其中的组件，并选中它们，点击OK按钮即可。


9．在AJAXControl Toolkit这个Tab下就会列出所有可用的AJAX扩展功能控件。


10．添加成功，在页面上继续添加一个ConfirmButtonExtender。


11．编写Button的点击事件，将文本框中输入的内容显示在Label中。

12．打开它的属性面板，找到TargetControlID属性。由于这是一个专为提交按钮设计的扩展控件，所以里面仅能填写页面上按钮控件的ID。填入刚才添加的Button1。
13．设置ConfirmText属性“确认文本”为“你确定？？？”。


14．按F5运行。
15．点击页面上的Button按钮，会弹出一个提示，提示信息为刚才输入的ConfirmText属性的内容“你确定？？？”。


16．点击取消按钮，页面并不会进行回调，执行按钮的点击事件，就是页面不会刷新，当点击确定按钮后，页面才刷新，并将Label的Text值更新为文本框内输入的内容。
完成。