Ajax的核心组件

 2023-09-07 阅读 18 评论 0

摘要:Ajax的核心组件包括ScriptManager、ScriptManagerProxy、UpdatePanel、Timer、UpdateProgress,其相关属性如下: 1.updatePanel控件(参考:http://blog.csdn.net/goodshot/article/details/9878911) UpdatePanel主要属性 UpdateMode 内容模板的更新模式&#

Ajax的核心组件包括ScriptManager、ScriptManagerProxy、UpdatePanel、Timer、UpdateProgress,其相关属性如下:

1.updatePanel控件(参考:http://blog.csdn.net/goodshot/article/details/9878911)

UpdatePanel主要属性

UpdateMode

内容模板的更新模式,有Always和Conditional两种模式,默认情况下为Always

区别:Always即一旦有任何事件可触发updatePanel更新即开始更新内容模板,而Conditional则是有条件的更新,一般为设置了Trigger属性后由Trigger引发的更新

ChildrenAsTriggers

内容模板内的子控件的回发是否更新本模板,值为True或False

RenderMode

局部更新控件的呈现形式,当模式为Block时局部更新控件在客户端以div的形式展现,当模式为Inline时以span形式展现

UpdatePanel主要子元素

ContentTemplate

局部更新控件的内容模权,可以其内添加任何控件

Triggers

局部内容更新触发器,内似于数据库中的Trigger

触发器分为异步回发(AsyncPostBackTrigger)和类似于普通页面的回发机制(PostBackTrigger),前者实现局部更新,后者会引起整个页面的全部更新.

对其设置主要是为了使用UpdatePanel外的控件来控制(UpdatePanel内的)数据更新(这时UpdateMode=“Conditional)。

2.Timers控件

属性Interval:控制需要等待的时间,默认单位为毫秒,即1000即为1秒

事件Tick:Timer唯一的独立事件,该事件用于设计要完成的任务

3.UpdateProgress控件

updateProgress实际上是一个div,通过代码控制div的显示或隐藏来实现更新提示,使用UpdateProgress可以设计良

好的等待界面,达到与用户友好交互的目的.

主要属性和模板:

       1)、AssociateUpdatePanelID:关联的UpdatePanel,此时UpdateProgress需放置于UpdatePanel外;

       2)、DisplayAfter:表示多长时间后显示进度提示,默认值为500毫秒

       3)、ProgressTemplate:用于设计等待时的界面,可在其内加入图形、文字等

4.脚本控制器ScriptManager

5个主要属性及其4个子元素:

EnablePartialRendering

用于标识此页内是否允许局部刷新,默认值为True

AllowCustomErrorsRedirect

表示当Ajax调用发生错误后,是否导航到Web.Config中定义的错误配置,如果值为false,则使用AsyncPostBackErrorMessage和OnAsyncPostBackError两个属性实现错误提示

AsyncPostBackErrorMessage

异步调用发生错误时的提示信息

OnAsyncPostBackError

异步调用发生错误时的事件

AsyncPostBackTimeOut

表示异步调用的有效时间,默认值为90秒

AuthenticationService

用来表示提供验证服务的路径

ProfileService

表示提供个性化服务的路径

Scripts

对脚本的调用,其中可以嵌套多个ScriptReference模板以实现对多个脚本文件的调用

Service

对服务的调用,通常指Web Service服务,可以嵌套多个ServiceReference模板以实现多个服务的引用

5 .至于ScriptManagerProxy ,用法和ScriptManager差不多, 值得一提的是一个页面只能有一个ScriptManager。而ScriptManagerProxy则是当母版页和内容页需要引用不同的服务或者脚本时,在内容页中用ScriptManagerProxy代理ScriptManager的职能。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/10894.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息