微软Ajax框架AJAX的使用简要说明(翻译)

发布日志
欢迎来到ASP.Net AJAX 控件工具包的范例网站.

安装文件
请访问位于CodePlex的AJAX Control Toolkit ProjectPage.

发布记录

主要实现
1.         ValidatorCallout 支持使用CSS定义弹出窗口的样式和服务器端的确认。

2.         ListSearch 已经支持在列表空间中对其选项进行搜索,并且在在查询不存在匹配的结果时清除查询。

3.         AutoComplete 仅询问与用户输入的内容相匹配的内容。

团体成就
这个发布版本添加了由开发团队成员提供的包括超过10个的新功能。我们非常的感谢所有的贡献者所提供的帮助,才使得这个发布版本得以发布。我们在Toolkit Patch Hall of Fame上公布了他们的名字。

配置使用本工具包的环境:本工具箱发布了两个针对不同.NET Framework的版本:
1.         Version 3.5.20229 适用于.NET Framework 3.5和Visual Studio 2008:

下载AjaxControlToolkit-Framework3.5.zip或 AjaxControlToolkit-Framework3.5-NoSource.zip.

2.         Version 1.0.20229 for ASP.NET AJAX version 1.0 and .NET Framework 2.0:

下载AjaxControlToolkit.zip或AjaxControlToolkit-NoSource.zip.

注意:Toolkit version 3.5.20229 只适用于.NET Framework 3.5 using Visual Studio 2008. 如果你使用哪个的是.NET Framework 2.0 and Visual Studio 2005那么你需要使用Toolkit version 1.0.20229.

安装你的环境安装软件
1.         安装最新的ASP.NET AJAX Extensions 1.0。

2.         将AJAX Control Toolkit解压到你的电脑上的一个文件夹中。

配置Visual Studio 2005和Visual Web Developer
1.         打开文件菜单从新建中选择Web Site,然后从我的模板中选择ASP.NET AJAX web site 模板,以此来创建一个新的网站。

2.         右击工具箱,选择添加新的标签,添加一个叫AJAX Control Toolkit的标签。

3.         在这个标签中右击并点击选择条目。

4.         当选择工具箱条目对话框出现后,点击浏览按钮。找到你释放AJAX Control Toolkit的那个文件夹,你会发现有一个文件夹叫做“SampleWebSite”,在这个文件夹里面有一个叫bin的文件夹。在那个文件夹中,选择“AjaxControlToolkit.dll”然后点击确定。再次点击确定关闭对话框。

5.         你现在就可以在你的网站中使用这些控件了。

安装AJAX Control Toolkit 模板
1.         在你释放AJAX Control Toolkit的那个文件夹中,你会发现有个叫AjaxControlExtender的文件夹中包含一个叫AjaxControlExtender.vsi的文件,双击这个文件安装。

2.         选择你需要的模板,然后点击下一步,然后点击是来同意这个未签名的文件(作为一个公共的项目,微软不能对其进行签名)进行安装,然后点击完成。

3.         你已经完成了模板的安装。你现在可以创建你自己的的基于Toolkit的网站或者ASP.NET AJAX的扩展。

升级到一个新的发布版本
如果你还在使用一个旧的工具包版本,并且现在需要更新的版本,那么你可以通过下面的步骤进行升级:

1.         编译文件:使用新版本的文件覆盖你已经使用的旧版本的“AjaxControlToolkit.dll”。

2.         工具箱条目:把旧的删除,然后使用新的DLL文件创建它们。

3.         工具包模板:重新安装新的“AjaxControlExtender.vsi”文件,在添加模板想到中检查并覆盖旧的模板。

使用一个extender示例

下面的步骤将带你一步一步的实现爱一个ASP.NET 的页面中使用一个ASP.NET AJAX extenders。就如你所将要看到的,你将做比在开始的地方创建一个新的页面更少的工资来完成这个扩展-更重要的是你不用编写任何代码。

先决条件
如果你们还没有完成“安装你的环境”,请完成它。

创建一个用于完成示例的普通ASP.NET 页面
1.         使用Visual Studio 2005或者Visual Web Developer,从ASP.NET AJAX web site template 创建一个新的网站。(文件-新建-网站-我的模板-ASP.NET AJAX Web Site)。

2.         从解决方案浏览器中双击打开Default.aspx页面。

3.         通过单击窗口下方的设计标签,切换到设计察看模式。

4.         从工具箱中拖出一个Lable控件添加到页面中。

5.         同样再添加一个按钮控件。

6.         双击按钮控件,添加代码。

7.         Default.aspx.cs文件会自动打开,并且焦点会自动落到Button1_Click这个方法上。

8.         添加以下代码Label1.Text = “Button click was processed.”;

9.         按F5运行这个页面(如果出现提示,选择运行查错)并且验证当在浏览器中点击按钮的时候Label控件的文字会改变。

10.     关闭浏览器窗口。

添加AJAX 工具包扩展
1.         从工具箱中拖出并添加一个扩展的确定按钮(ConfirmButtonExtender)。

2.         选中这个控件,打开属性面板,展开TargetControlID属性往下拖动,并且选择Button1。

3.         单击按钮来配置这个扩展控件,展开ConfirmButtonExtender控件的属性,并且输入“Are you sure?”作为确定的文本。

4.         按F5运行,请注意,当你点击按钮的时候会弹出一个让你确认的对话框,通过这个对话框你可以取消单击Button的进程。

这就是要实现它需要的所有步骤,现在你也可以使用ASP.NET AJAX 的扩展包了。

请查看其它的示例页面的例子来学习其它的控件如何使用。

转载请注明原文出处《微软Ajax框架AJAX的使用简要说明(翻译)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

我要评论