《ASP.NET程序设计教学课件作者徐占鹏单元九KC04090000035电子课件单元9AJAX技术的运用二AJAXControlToolkit应用课件》由会员分享,可在线阅读,更多相关《ASP.NET程序设计教学课件作者徐占鹏单元九KC04090000035电子课件单元9AJAX技术的运用二AJAXControlToolkit应用课件(20页珍藏版)》请在金锄头文库上搜索。
1、单元九 AJAX技术的 运用(二) AJAX Control Toolkit 应用,主讲教师:乔崇,学习目标,【知识目标】 了解ASP.NET AJAX Control Toolkit的安装配置方法 ; 熟悉ASP.NET AJAX Control Toolkit 控件使用方法。 【技能目标】 能够下载安装并配置Control Toolkit ; 能够进行控件的使用。,注: 本课内容参考教材 单元九9.2,ASP.NET AJAX Control Toolkit,下载安装ASP.NET AJAX Control Toolkit ASP.NET AJAX Control Toolkit的示例站点
2、 RoundCornner控件 DragPanel控件,ASP.NET AJAX Control Toolkit,对于一个完善的AJAX开发框架来讲,仅有几个有限的核心控件还略显单薄。微软公司同样意识到了这个问题,并与开发者社区共同协作发布了一个强大的ASP.NET AJAX扩展控件包ASP.NET AJAX Control Toolkit。 ASP.NET AJAX Control Toolkit是一个免费的、开源的ASP.NET服务器端控件包,其中包含了几十种基于ASP.NET AJAX的、组件化的、提供某种专一功能的ASP.NET服务器端控件和ASP.NET AJAX扩展控件。,安装AS
3、P.NET AJAX Control Toolkit,AJAX ControlToolKit建构于微软AJAX Extension之上,充分展示了AJAX技术的强大威力。 可以访问以下网址获取最新版本: CodePlex(http:/ AJAX Control Toolkit的免费安装压缩包 。,下载完成后解压缩会看到AJAXControlToolkit.sln解决方案文件,使用Visual Studio打开该解决方案文件会看到解决方案资源管理器中有3个项目,如图所示。,将AjaxControlToolkit.dll程序集(位于AjaxControlToolkitbinRelease目录中)包
4、含的控件添加到Visual Stuido的工具箱中,具体步骤如下: 在Visual Studio 2008工具箱中新建一个名为“AJAX Control Toolkit”的选项卡; 将下载的安装包解压,找到其中的AjaxControlToolkit.dll文件并拖拽到Visual Studio 2008工具箱的AJAX Control Toolkit选项卡中。,添加好之后的工具箱效果如图所示。接下来即可充分利用Visual Studio强大的可视化功能,从工具箱中直接把这些控件拖拽到页面中进行使用了。,ASP.NET AJAX Control Toolkit的示例站点,例2:DragPanel
5、实现自由拖曳,DragPanel控件的功能是让网页上的Panel控件能够自由拖曳,于是用户可以将这些网页元素放置在自己喜欢的位置上,DragPanel控件另一个重要用途是可经由 Panel控件的巧组合,创建拖曳式面板,DragPanel控件,常用属性 TargetControlID属性:要被设置为可拖曳的Panel控件名称 DragHandleID属性:要提供拖曳控制Panel控件,也就是当用户在此Panel控件上单击鼠标左键进行拖曳动作时,TargetControlID属性指定的Panel控件就会移动,但注意,此时DragHandleID属性指定的Panel控件并不会移动。,DragPane
6、l控件,网页实例,DragPanel控件,网页实例,例2:RoundCornner实现圆角框,Panel实现圆角框,RoundCornner的使用,关键属性: TargetControlID:要变成圆角的Panel的ID Radius:决定圆角的大小 Corners:设定哪几个角显示圆角,16,部分常用扩展AJAX控件表,17,部分常用扩展AJAX控件表(续),18,部分常用扩展AJAX控件表(续),19,部分常用扩展AJAX控件表(续),项目实训,【实训目的】 1.了解ASP.NET AJAX Control Toolkit的安装配置方法 ; 2.熟悉ASP.NET AJAX Control Toolkit 控件使用方法。 【实训内容】 1. 练习至少6种Control Toolkit 控件的使用。,