SharePoint And Ajax Technology(2):Ajax Control Toolkit学习
2010-09-07 08:56
579 查看
SharePoint And Ajax Technology(2):Ajax Control Toolkit学习
今天学习了第二个视频HDI-02-GetStarted-AJAX-Toolkit,如何配置Ajax Control Toolkit。需要到Codeplex上下载这个组件。
下载地址:
http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121
由于我安装的是VS2008,所以下载的版本为AjaxControlToolkit-Framework3.5。请选择适合的版本使用。
下载后,将压缩包解压缩到如下目录:
C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AJAX Control Toolkit
解压缩后内容如下:
<!--[if !vml]-->
<!--[endif]-->
双击AjaxControlToolkit.sln文件,用VS打开这个解决方案。弹出如下窗口选择正常加载项目。
<!--[if !vml]-->
<!--[endif]-->
编译其中的AjaxControlToolkit项目,并从bin文件夹中考出编译后的AjaxControlToolkit.dll组件,备用。
1.打开上次创建的Ajax网站,添加一个新的网页Default2.aspx。
2.打开Default2.aspx,在页面上添加一个ScriptManager,用来支持Ajax功能。
3.然后添加一个Label,一个TextBox,一个Button控件,如下图。
<!--[if !vml]-->
<!--[endif]-->
4.打开左边的工具箱Toolbox,点击鼠标右键,选择添加一个Tab,命名为AJAX Control Toolkit。
5.展开这个Tab,在里面点击鼠标右键,选择Choose Items…
<!--[if !vml]-->
<!--[endif]-->
6.在打开的窗口上点击Browse,找到刚才考出来备用的AjaxControlToolkit.dll组件。
<!--[if !vml]-->
<!--[endif]-->
7.选择AjaxControlToolkit.dll组件。点击打开。
<!--[if !vml]-->
<!--[endif]-->
8.Choose Toolbox Items窗口会自动加载其中的组件,并选中它们,点击OK按钮即可。
<!--[if !vml]-->
<!--[endif]-->
9.在AJAX Control Toolkit这个Tab下就会列出所有可用的AJAX扩展功能控件。
<!--[if !vml]-->
<!--[endif]-->
10.添加成功,在页面上继续添加一个ConfirmButtonExtender。
<!--[if !vml]-->
<!--[endif]-->
11.编写Button的点击事件,将文本框中输入的内容显示在Label中。
12.打开它的属性面板,找到TargetControlID属性。由于这是一个专为提交按钮设计的扩展控件,所以里面仅能填写页面上按钮控件的ID。填入刚才添加的Button1。
13.设置ConfirmText属性“确认文本”为“你确定???”。
<!--[endif]-->
14.按F5运行。
15.点击页面上的Button按钮,会弹出一个提示,提示信息为刚才输入的ConfirmText属性的内容“你确定???”。
<!--[if !vml]-->
<!--[endif]-->
16.点击取消按钮,页面并不会进行回调,执行按钮的点击事件,就是页面不会刷新,当点击确定按钮后,页面才刷新,并将Label的Text值更新为文本框内输入的内容。
完成。
来源:/article/4716567.html
今天学习了第二个视频HDI-02-GetStarted-AJAX-Toolkit,如何配置Ajax Control Toolkit。需要到Codeplex上下载这个组件。
下载地址:
http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121
由于我安装的是VS2008,所以下载的版本为AjaxControlToolkit-Framework3.5。请选择适合的版本使用。
下载后,将压缩包解压缩到如下目录:
C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AJAX Control Toolkit
解压缩后内容如下:
<!--[if !vml]-->
<!--[endif]-->
双击AjaxControlToolkit.sln文件,用VS打开这个解决方案。弹出如下窗口选择正常加载项目。
<!--[if !vml]-->
<!--[endif]-->
编译其中的AjaxControlToolkit项目,并从bin文件夹中考出编译后的AjaxControlToolkit.dll组件,备用。
1.打开上次创建的Ajax网站,添加一个新的网页Default2.aspx。
2.打开Default2.aspx,在页面上添加一个ScriptManager,用来支持Ajax功能。
3.然后添加一个Label,一个TextBox,一个Button控件,如下图。
<!--[if !vml]-->
<!--[endif]-->
4.打开左边的工具箱Toolbox,点击鼠标右键,选择添加一个Tab,命名为AJAX Control Toolkit。
5.展开这个Tab,在里面点击鼠标右键,选择Choose Items…
<!--[if !vml]-->
<!--[endif]-->
6.在打开的窗口上点击Browse,找到刚才考出来备用的AjaxControlToolkit.dll组件。
<!--[if !vml]-->
<!--[endif]-->
7.选择AjaxControlToolkit.dll组件。点击打开。
<!--[if !vml]-->
<!--[endif]-->
8.Choose Toolbox Items窗口会自动加载其中的组件,并选中它们,点击OK按钮即可。
<!--[if !vml]-->
<!--[endif]-->
9.在AJAX Control Toolkit这个Tab下就会列出所有可用的AJAX扩展功能控件。
<!--[if !vml]-->
<!--[endif]-->
10.添加成功,在页面上继续添加一个ConfirmButtonExtender。
<!--[if !vml]-->
<!--[endif]-->
11.编写Button的点击事件,将文本框中输入的内容显示在Label中。
12.打开它的属性面板,找到TargetControlID属性。由于这是一个专为提交按钮设计的扩展控件,所以里面仅能填写页面上按钮控件的ID。填入刚才添加的Button1。
13.设置ConfirmText属性“确认文本”为“你确定???”。
<!--[endif]-->
14.按F5运行。
15.点击页面上的Button按钮,会弹出一个提示,提示信息为刚才输入的ConfirmText属性的内容“你确定???”。
<!--[if !vml]-->
<!--[endif]-->
16.点击取消按钮,页面并不会进行回调,执行按钮的点击事件,就是页面不会刷新,当点击确定按钮后,页面才刷新,并将Label的Text值更新为文本框内输入的内容。
完成。
来源:/article/4716567.html
相关文章推荐
- SharePoint And Ajax Technology(2):Ajax Control Toolkit学习
- SharePoint And Ajax Technology(1):Ajax技术学习
- SharePoint And Ajax Technology(4):基于Microsoft ASP.NET AJAX 3.5的扩展
- SharePoint And Ajax Technology(1):Ajax技术学习
- SharePoint And Ajax Technology(0):Ajax环境安装
- SharePoint And Ajax Technology(0):Ajax环境安装
- SharePoint And Ajax Technology(4):基于Microsoft ASP.NET AJAX 3.5的扩展
- SharePoint And Ajax Technology(4):基于Microsoft ASP.NET AJAX 3.5的扩展
- SharePoint And Ajax Technology(3):SharePoint集成Ajax
- SharePoint And Ajax Technology(4):基于Microsoft ASP.NET AJAX 3.5的扩展2
- AJAX ControlToolkit学习日志-RatingExtender(22)
- AJAX ControlToolkit学习日志-RoundedCornersExtender(24)
- [SharePoint] Deployment and Programming AJAX server code in SharePoint 2007
- (学习Asp.net Ajax笔记四)Ajax Control Toolkit的AutoComplete功能
- AJAX ControlToolkit学习日志-DropShadowExtender(10)
- AJAX ControlToolkit学习日志-MaskedEditExtender和MaskedEditValidator(15)
- AJAX ControlToolkit学习日志-CollapsiblePanel(6)
- AJAX ControlToolkit学习日志-DynamicPopulate(11)
- AJAX ControlToolkit学习日志-ModalPopupExtender(16)
- AJAX ControlToolkit学习日志-Tabs(27)