ASP,NET3,11咨询与解答管理模块.pptVIP

相关知识 ③ UpdatePanel控件和ScriptManager控件实例 接下来笔者将通过实例介绍UpdatePanel控件和ScriptManager控件的使用方法，具体方法如下：㈠创建ASP.NET应用程序WebSite3-11-1，创建应用程序WebSite3-11-1的页面AjaxSample.aspx，它的代码隐藏文件是AjaxSample.aspx.cs。 ㈡从工具箱的AJAX Extensions组中依次拖动UpdatePanel控件、Calendar控件、DropDownList控件、ScriptManager控件到页面AjaxSample.aspx中，UpdatePanel控件依赖于ScriptManager控件来管理部分页更新，其设计视图如图3-96所示。 图3-96 AjaxSample.aspx页面的设计页面 相关知识 控件 的主要HTML代码如下： 后台的功能代码如代码下所示，本例笔者只是将日历的背景色作了修订。 相关知识 按CTRL+F5，效果如图3-97所示： 在下拉列表框中选择“黄色”后，效果如图3-98所示 图3-98 AjaxSample.aspx页面的运行页面（2） 相关知识 （4）UpdateProgress控件 ①UpdateProgress控件概述 在现实的网络中，当我们打开某一个网站或链接时，由于种种原因经常要等待页面显示出来，这样的用户体验真的很差。如果能在页面执行较长时间操作的同时，给用户提供一个类似于浏览器状态栏那样的进度条，将会很大地改善用户体验。所以微软在ASP.NET Ajax中为我们提供了UpdateProgress控件，它可以轻松的实现这样的功能。 UpdateProgress控件用于当页面异步更新数据时，显示给用户友好的提示信息。该信息可以是文本信息，也可以是图片信息，用户可以根据自己的项目需要或自己的意愿进行选择。如果UpdatePanel页面内容更新处理耗时太长，还可以提供一个选项让用户来取消页面更新。 使用ASP.NET AJAX-Enabled Web Application模板创建一个新项目后，可以直接将UpdateProgress控件从工具箱中拖放到页面的【设计】视图中。它的简单定义形式如下所示： asp:updateprogress runat=server/asp:updateprogress 后台的功能代码如代码下所示，本例笔者只是将日历的背景色作了修订。 相关知识 使用UpdateProgress控件很简单，在默认情况下，UpdageProgress控件将显示页面上所有的UpdatePanel控件更新的进度信息，在以前版本的UpdateProgress中，我们无法设置让UpdateProgress只显示某一个UpdatePanel的更新，而在最新版本的UpdateProgress控件中提供了AssociatedUpdatePanelID属性，可以指定UpdateProgress控件显示哪一个UpdatePanel控件。 ②UpdateProgress控件属性。UpdateProgress控件的属性不是很多，它的主要属性如表3-51所示： 相关知识 任务描述 了解Ajax相关知识及轻量级Javascript框架Jqurey的使用方法 任务目标 知识目标 能力目标 本节笔者主要介绍“中国无锡质量网”的咨询与解答管理模块的开发过程，将讨论ASP.NET AJAX的客户端脚本库和服务器组件及及轻量级Javascript框架Jqurey的使用方法。 掌握使用Ajax控件及Jqurey实现局部页面刷新效果 相关知识 1．AJAX概述 （1）Asynchronous JavaScript And XML(异步的JavaScript和XML)（简称AJAX）技术看似非常复杂，其实并不是新技术，只是一些老技术的混合体，通过将这些技术进行一定的修改、整合和发扬，就形成了AJAX技术。这些老技术包括：①XHTML：基于XHTML 1.0规范的XHTML技术。②CSS：基于CSS 2.0的CSS布局的CSS编程技术。③DOM：HTML DOM、XML DOM等DON技术。④JavaScript：JavaScript编程技术。⑤XML：XML DOM、XSLT、XPath等XML编程技术。 简而言之，AJAX技术是通过使用XHTML、CSS、DOM等实现的，具体实现如下： ①使用XHTML+