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

======================================================
注：本文源代码点此下载
======================================================

它有两个版本,建议下载用红框标示的版本,因为这个版本有源码,方便大家学习。

下载之后解压到本地文件夹。双击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

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/