原文地址:http://www.cnblogs.com/yfsun1/archive/2007/03/30/694491.html
2. 使用Visual Studio 2005准备开发ASP.NET AJAX应用
3. 创建一个ASP.NET AJAX Futures 的启动模型
4.1 添加ScriptManager and UpdatePanel
4.3 使用AutoCompleteExtender异步调用Web service
4.4 使用AJAX Control Toolkit中的例子
4.6 在AJAX Framework中使用ASP.NET’s Profile服务
介绍: 首先,安装ASP.NET AJAX v1.0. 你可以通过以下地址下载ASPAJAXExtSetup.msi
步骤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
注: 运行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解决方案了。