1.安装ASP.NET AJAX v1.0 (转)

原文地址：http://www.cnblogs.com/yfsun1/archive/2007/03/30/694491.html 

 

导论和目标

1. 安装ASP.NET AJAX v1.0

2. 使用Visual Studio 2005准备开发ASP.NET AJAX应用

3. 创建一个ASP.NET AJAX Futures 的启动模型 

4. 使用AJAX扩展xBikes解决方案 

4.1 添加ScriptManager and UpdatePanel

4.2 执行异步请求时显示通知 

4.3 使用AutoCompleteExtender异步调用Web service 

4.4 使用AJAX Control Toolkit中的例子 

4.5 拖拽功能

4.6 在AJAX Framework中使用ASP.NET’s Profile服务 

4.7 创建你自己的ASP.NET AJAX 控件扩展 

---

 

 

介绍: 首先,安装ASP.NET AJAX v1.0. 你可以通过以下地址下载ASPAJAXExtSetup.msi

http://ajax.asp.net

(http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en).

步骤1a: 打开压缩文件asp_net_ajax_hol.zip,并解压缩到C:/AJAX HOL文件夹中。你也可以选择其他的文件夹。

步骤1b: 运行ASPAJAXExtSetup.msi,安装ASP.NET AJAX v1.0

步骤1c: 运行ASPAJAXCTP.msi,安装ASP.NET 2.0 AJAX Futures January CTP

下载地址: (http://www.microsoft.com/downloads/details.aspx?FamilyID=4cb52ea3-9548-4064-8137-09b96af97617&displaylang=en) .

注: 运行Visual Studio 2005,确定Web Projects Templates对话框中是否存在”ASP.NET AJAX-Enabled Web Site”和”ASP.NET AJAX CTP-Enabled Web Site”项目模板。你可以通过”文件->新建Web站点”打开该对话框.

图1a: ASP.NET AJAX安装的模板.

检查之后,取消该对话框.不要创建任何新页面。

步骤1d: 安装ASP.NET AJAX Control Toolkit

(http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit) .

在安装之前，你需要对压缩文件AjaxControlToolkit.zip进行解压缩,并复制文件到Visual Studio project文件夹中([My Documents]/Visual Studio 2005/Projects/AjaxControlToolkit]).

在刚才创建的文件夹中找到解决方案AjaxControlToolkit.sln并打开它。它包含四个项目: the AJAX Control Toolkit, a sample Web page, a test Web page, and a Visual Studio Add-in project.

图1b: AJAX Control Toolkit 解决方案中的四个项目.

步骤1e: 编译全部解决方案，然后打开浏览器，运行[My Documents]/Visual Studio 2005/Projects/AjaxControlToolkit/TemplateVSI/bin/AjaxControlExtender.vsi文件，在Visual Studio 2005中安装AJAX Control Toolkit扩展项目类型。

图1c: 安装AjaxControlExtender.vsi对话框

小提示:安装Nikhil Kothari的Web Development Helper。这个IE插件工具对开发者用来调试AJAX/JavaScript页面和ASP.NET是非常有用的。

Web Development Helper包含了跟踪功能，脚本调试和一个消息窗口。

这个工具可以从Nikhil's blog(http://projects.nikhilk.net/default.aspx)中的WebDevHelper.msi文件中得到。

在IE中，通过”查看->浏览器栏-> Web Development Helper”来打开Web Development Helper tool。

图1d: 打开Web Development Helper

一旦Web Development Helper开始运行并且你已经激活HTTP的日志。你会看到在AJAX中由客户端JavaScript发送的各种异步请求。

图1e: 工作中的Web Development Helper

 

 

 

目标: 把ASP.NET AJAX Futures CTP和Toolkit中的控件安装到Visual Studio工具箱中。

步骤2a:从C:/AJAX HOL/xBikes文件夹中打开xBikes解决方案(“xBikes.sln”)

注意: 第一次运行Visual Studio，你会收到下面的安全警告。请选择”正常加载项目”

图2a:安全警告对话框.

你可以配置Visual Studio以便在HTML设计器中打开的是设计视图而不是缺省的源代码视图。打开”工具->选项”，然后滚动按钮到”HTML设计器”并选择”起始页位置->设计视图”。

图 2b: 配置”设计视图”作为HTML设计器中的缺省项

步骤2b:用”解决方案资源管理器”打开”Default.aspx”，并且检查Visual Studio 2005的工具箱。(如果”解决方案资源管理器”和”工具箱”被隐藏，你可以通过”视图”菜单来打开。)

图 2c: Visual Studio中的解决方案资源管理器和工具箱

滚动按钮到工具箱的底部，你会看到AJAX Extensions标签。我们准备增加2个新标签。一个是AJAX Futures CTP，另一个是AJAX Control Toolkit。

在工具箱的空白区域右击鼠标，然后选择”添加选项卡”。键入名字:” AJAX Futures CTP”。右击标签并选择”选则项…”

浏览并选中文件C:/Program Files/Microsoft ASP.NET/ASP.NET 2.0 AJAX Futures January CTP/v1.0.61025/Microsoft.Web.Preview.dll。

这个程序集包括了AJAX Futures CTP提供的控件，你可以在自己的项目中使用他们。

图 2d: 选中Microsoft.Web.Preview.dll程序集的”选择工具箱项”对话框

步骤 2c:按步骤2c添加另外一个新标签并命名为” AJAX Control Toolkit”。程序集文件为: [My Documents]/Visual Studio 2005/Projects/AjaxControlToolkit/AjaxControlTookit/bin/Debug/AjaxControlToolkit.dll。该文件在步骤1c时已经创建。

现在你可以从工具箱中将ASP.NET Control Toolkit中的示例控件拖拽到Web页的设计视图中。

图 2e:工具箱中的三个AJAX标签

现在，Visual Studio 准备就绪，我们可以开始ASP.NET AJAX解决方案了。