轻松掌握Ajax.net系列教程二:部署Ajax Control Toolkit

要使用好Ajax.net,就要学会灵活运用Ajax.net所提供的Ajax Control Toolkit。该控件包提供了很多使用效果很炫的控件,有了它你能轻松打造一个Ajax网站。从本章开始,我们一起来学习怎样使用Ajax Cotrol Toolkit中的所有控件。
第一步:创建Ajax Toolkit模板
大家应该有印象,当我们成功安装了Ajax扩展包之后,VS.net的模板中就多了一个Asp.net Ajax-Enabled Web Site的模板。它是微软的官方模板,而今天我们就要创建我们自己的Ajax Control Toolkit Web Site模板。

先在这里下载Ajax Control Toolkit: http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=4923

下载之后解压到本地文件夹。双击AjaxControlToolkit.sln文件,选择“正常加载项目”。打开解决方案资源管理器之后我们能发现有很多个项目,而我们只需要重新生成一下TemplateVSI的Dll。生成之后TemplateVSI的bin文件夹就会多出如下文件。
双击AjaxControlExtender.vsi就可以开始安装Ajax Control Toolkit模板了。中途遇到提示框选择重写名称即可。

完成之后打开VS.net 2005,我就能看到AJAX Control Toolkit Web Site模板了。
第二步:添加Ajax Control Toolkit

建立网站后我们还不能在工具栏里看到Ajax.net的工具集,这需要我们自行添加。我们先在工具栏添加一个选项卡,命名为Ajax Control Toolkit或其他你喜欢的名字。然后在新的选项卡里单击右键,点击“选择项”-〉点击“浏览”-〉找到你刚才解压的文件夹,然后在SampleWebSite的bin文件夹里找到AjaxControlToolkit.dll,选择它,然后一路确定。这样就能把所有控件都添加你所添加的选项卡里了。
第三步:初试Ajax Control Toolkit

到目前为止,Ajax Control Toolkit就部署完毕了,我们可以做一个简单的Demo看一看效果。

在工具栏里拖出一个Button控件,一个TextBox控件和一个Label控件。然后在Button的Click事件里写Label1.Text = TextBox1.Text; 这样当我们点击Button后,Label就会显示TextBox中的内容。

现在我们从Ajax Control Toolkit中拖出一个ConfirmButtonExtender控件,它的作用是能弹出确认窗口,点击确认才会继续执行下一步操作,否则则终止操作。

拖出后我们要设置ConfirmButtonExtender的TargetControlID属性,它关联的是控件ID,告诉ConfirmButtonExtender什么时候需要弹出确认窗口。我们在该属性的下拉菜单中选择Button1。

然后我们还需要设置确认窗口的提示语,该属性在Button的Extenders栏中,我们找到ContirmText,输入:你确认吗?

OK,运行!

结束:
本章主要介绍了怎样部署Ajax Control Toolkit,并做了一个简单的例子。虽然该例子即使不使用Ajax Control Toolkit也能简单实现,但我只想告诉大家,使用Ajax Control Toolkit是多么的方便,以后将会陆续介绍其他更复杂,效果更炫的控件,敬请继续关注。^-^

如要下载视频请打开如下地址: http://www.asp.net/learn/videos/view.aspx?tabid=63&id=76
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值