体验VS2008的开发asp.net AJAX的强大功能

    微软的Visual Studio 2008早就出来了，到现在我才下载来使用。微软提供了免费的下载版本叫速成版，但是我没有使用那个，因为网上有免费的全功能版的下载，：），不要劈我哦，谁叫他们卖得那么贵呢。

       好了，废话少说了，下面开始领略她的魅力吧。（ps：我并不是高手，下面所讲述的例子是来自微软asp.net官方网站一个老外（Joe）的视频演示，不过老外是用英文讲的，我看了几遍根据我自己的理解和实践写出来和朋友们分享）

       这个演示主要是快速介绍vs2008的asp.net ajax开发功能。首先打开vs2008，看到的还是vs简洁的界面，



        点击创建asp.net网站，你会发现不想vs2005那样有asp.net ajax模板，因为.net 3.5已经把ajax集成在里边了。



新建一个asp.net网站。vs2008新建网站的速度明显比vs2005快，这可能是微软对程序进行了优化，使使用起来更顺畅。打开Default.aspx页面，切换到设计界面，在左边的工具箱中，我们看到vs2008已经把AJAX Extensions添加到了工具箱中了。

 



从工具箱中把ScriptManager拖到页面的顶部，因为每个asp.net ajax程序都需要ScriptManager控件参与，然后再把UpdatePanel拖到页面中，注意，要把UpdatePanel放在ScriptManager后面，否则运行会出错。在UpdatePanel中分别拖入一个TextBox，一个Button和一个Lable，效果如下：



      双击按钮控件，进入代码编写区，在Button的click事件中写上
this.Label1.Text = "Hello : " + this.TextBox1.Text;
然后保存运行项目，在执行完弹出页面的TextBox中输入“world”，你会发现页面并没有重新刷新，下面Lable控件便显示出了运行的结果“Hello : world ”。这样，第一个最简单的ajax程序就完成了。：）

但我们看工具箱中的AJAX Extensions，里边的控件可能还不够我们实际开发使用，要应付一些复杂的ajax应用程序开发，则需要更多的控件，使我们的开发更加容易，效率更加高。微软还给我们提供了另外一套工具，叫AJAX Control Toolkit，下载地址：http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121，他们提供了2个版本，分别是for asp.net2.0和asp.net 3.5的，而且两个版本又有两个不同的压缩包，一个是有源代码的，另外一个是没有源代码的，根据自己的需要选择下载，我下载不需要源码的，则是AjaxControlToolkit-Framework3.5-NoSource.zip。下载完把它解压缩到一个目录中，例如C:/ajax control tookit/，在解压缩出来的包中包含几个文件夹，我们把SampleWebsite的bin文件夹中的所有文件和文件夹拷到Binaries文件夹中，到在vs2008中加入AJAX Control Toolkit的时候，这些dll文件都会给添加到你的项目中去，在你使用AJAX Control Toolkit的时候，这些文件都是必须的。

      完成上面的步骤后，回到VS2008环境中，在工具箱中添加一个选项卡，并命名为AJAX Control Toolkit，然后再把C:/ajax control tookit/Binaries中的AjaxControlToolkit.dll拖拽到AJAX Control Toolkit选项卡中，这时候你会看到添加了很多控件进来了。

 



      加入AJAX Control Toolkit之后呢，你会发现在之前把焦点放在Button或其他控件上的时候并没有出现“×××任务”之类的提示，现在再把鼠标点中按钮这些asp.net控件，你会发现多处了这样的提示，看下图：

（图）





选中Button控件，点添加扩展程序，弹出如下窗口：



选择ConfirmButtonExtender，确定，却换到html代码区，找到ConfirmButtonExtender控件，然后在他ConfirmText属性中输入需要弹出的内容，比如“Are you sure?”，保存，运行，点击Button按钮，会弹出确认消息：Are you sure?，呵呵，是不是挺方便的呢？，好了，vs2008 asp.net ajax暂时介绍到这里啦，下次有时间会继续把其他的再写写，大家共同学习的。：）

视频地址：http://download.microsoft.com/download/8/d/9/8d99ae08-e969-4870-9f62-b853f18cc8c9/WinVideo-HDI-VS08-AJAX-Support.wmv