中AJAX技术基础及应用.pptVIP

4 定时调用 使用Timer控件实现定时调用 Demo:Timer.aspx * Timer控件会定时引发一个回送，配合UpdatePanel，可以实现无闪烁的页面定时更新（注意当Timer位于UpdatePanel之外时，要将Timer控件设定为UpdatePanel的异步更新触发器）。 编程场景： 聊天室是非常常见的一种Web应用，其编程的关键点在于页面的定时刷新。 使用Timer控件和UpdatePanel，实现一个简单的聊天室变得非常简单，你能一展身手完成它吗？ * 5 功能强大的AJAX ControlToolKit * AJAX CONTROLTOOLKIT简介 AJAX ControlToolKit是由开源社区向广大ASP.NET开发者奉献的一组Web控件，基本涵盖了Web页面开发最需要使用的功能，使用方便。 AJAX ControlToolKit建构于微软AJAX Extension之上，充分展示了AJAX技术的强大威力。 可以访问以下网址获取最新版本： /ajax * 安装AJAX CONTROLTOOLKIT AJAXControlToolKit的全部控件集中于AjaxControlToolkit.dll文件中，可以通过在Visual Studio工具箱上选择“选择项”命令将其中的控件放置到工具箱上。 引例：实现圆角框 Demo:RoundCornner.aspx * ROUNDCORNNER的使用 关键属性： TargetControlID：要变成圆角的Panel的ID Radius：决定圆角的大小 Corners：设定哪几个角显示圆角 * 从引例我们知道…… 每个使用了AJAX ControlToolkit的页面都必须有一个ScriptManager。 AJAX ControlToolkit控件都是一种“-extender”类型的控件，不能独立使用，必须与特定的ASP.NET控件配合使用。因此，每个AJAX ControlToolkit控件都有一个TargetControlID属性用于指定与它相关联的控件。 * 再看更多的示例…… 使用弹出式面板 Demo: ModalPopup.aspx * MODALPOPUP的使用 ModalPopup用于显示一个弹出的模式对话框，它的关键属性有： TargetControlID:点击此控件显示弹出窗口 PopupControlID:用作弹出窗口本身的Panel控件 BackgroundCssClass:当弹出窗口弹出时，浏览器背景窗口的样式类 OKControlID和CancelControlID:点击此属性指定的控件时会隐藏弹出窗口（不回发），同时运行由OnOkScript和OnCancelScript设定的JavaScript脚 本 PopupDragHandlerControlID:用于拖动弹出窗口的控件 * 示例的要点 使用验证控件验证数据有效性。注意要让其EnableClientScript=“False”。 注意复习GridView分页的方法。 编程显示弹出窗口： ModalPopupExtender1.Show(); 要让弹出窗口支持拖动，需给strong元素加上id和runat=“server”标记，配上样式表，然后指定ModalPopup控件的PopupDragHandlerControlID属性。 * AJAX综合示例 可以组合应用多个AJAX控件，以达到满意的效果。 Demo:AutoCompleteAndDynamicPopulate.aspx * 自动完成AutoComplete 动态生成DynamicPopulate 示例要点 使用Web Service实现数据信息的提取工作。 （1）GetClientName：实现为页面静态方法 （2）GetClientInfo：实现为独立的Web Service 使用AutoCompleteExtender配合GetClientName实现自动完成功能。 使用DynamicPopulateExtender配合GetClientInfo实现动态显示客户信息功能（此功能的触发采用JavaScript实现） * 这个例子很清晰地展示出了AJAX技术、ASP.NET和JavaScript如何完美地相互配合实现预期的目的。 如何学习AJAX CONTROLTOOLKIT？ AJAX ControlToolkit安装包中的SampleWeb项目展示了各种各样的控件的用法包括（源代码）。其官方网站上也有许多资料（包括视频）可供学习。国内已出版了多本书籍介绍，同学们可在课后继续进一步深入学习。 * SampleWebSite示例网站展示了所有控件的用法 JavaScript国际化，调试与跟踪