Visual Studio 2008下AJAX的设置

来源:互联网 发布:程序员招聘广告 编辑:程序博客网 时间:2024/05/16 10:34

vs2008不需要再单独安装asp.net ajax模板,因为.net 3.5已经把ajax集成在里边了。

更多的控件安装AJAX Control Toolkit
下载地址:http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121

分别包括2.0和3.5的版本,又分为带源码不带源码。

这里以下载AjaxControlToolkit-Framework3.5.zip 为例子,可解压至新建目录AjaxControlToolkit下,将AjaxControlToolkit\SampleWebSite\Bin目录下的所有文件COPY至AjaxControlToolkit\Binaries(此时可以将除Binaries文件夹以外的文件都删除,需要的话)。

进入VS2008 新建ASP.NET网站,在工具箱添加选项卡可命名为 “AJAX Control Toolkit”,添加项---.NET Framework组件--浏览 引入AjaxControlToolkit.dll。所有项目都会添加至AJAX Control Toolkit下。

都设置好后,在使用操作上非常方便

比如在UpdatePanel中添加一文本框(ScriptManager首先添加)如图

可直接选择添加扩展程序,这里选择CalendarExtender 如图

确定,运行后即:

 

 

 

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Visual studio 2008 配置 Ajax Control Toolkits添加工具栏

 

下载 AjaxControlToolkit

 

下载完成后解压缩,把 ..\AjaxControlToolkit-Framework3.5\SampleWebSite\Bin下的所有文件都Ctrl+C ..\AjaxControlToolkit-Framework3.5\Binaries下,这样做是为了之后在VS2008中添加工具栏做准备。

 

打开VS2008,新建项目,选择.net framework 3.5否则工具栏无法添加,给项目添加Bin目录,将AjaxControlToolkit.dll添加到项目中的Bin

 

 

 

然后在VS中工具栏里新建一个选项卡,命名为 Ajax Control Toolkits(随意)然后将 ..\AjaxControlToolkit-Framework3.5\Binaries下的 AjaxControlToolkit.dll 拖动到此选项卡中,神奇的事情发生了……

 

配置web.config文件在<controls>节里添加 

 

<add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="cc1"/>

tagPrefix自定,如果不添加此节,在引用ajax控件的时候,会在当前aspx页下增加配置代码。这样做就方便多了

 

Calander控件用例下面简单介绍一个控件的使用。

 

 

form下添加ScriptManager,相信用过asp.net ajax的人都清楚这是啥意思,增加textbox,点击右边的箭头,选择“添加扩展程序”。

选择你需要的控件,这里我选择的Calander(由于我是做好用例才写的该文章,所以Calander控件在此图中已经消失,如果没有选过会有的)

都完成后的aspx代码

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>test2008</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true"></asp:ScriptManager> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" Enabled="True" Format="yyyy-MM-dd" TargetControlID="TextBox1" > </cc1:CalendarExtender> </form> </body> </html>

 这个时候调试会发现该控件是英文界面,并且在选择日期的时候格式为2008/7/10。修改aspx代码,在ScriptManager中将EnableScriptGlobalization="true"这样就变成中文界面了。在CalendarExtender中将Format="yyyy-MM-dd"这样格式就是数据库通用的2008-7-10了。