AjaxControlToolkit详解.doc

Accordion控件 1.1【功能概述】 Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个Panel，还可以控制哪一个Panel展开。 经常可以见到类似的效果，比如QQ、Msn好友分类的折叠效果。 1.2【细节】 (1)不要把Accordion放在Table中而又把 FadeTransitions 设置为True，这将引起布局混乱 (2)在AccordionPane模板中的Content中可以定义任何Web元素，表现的就像一个容器 (3) AccordionPane内容模板自动改变大小有三种AutoSize modes ：None(推荐) Limit Fill (4)$find(ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender)这里找到的是Behavior.什么是Behavior呢？在Asp.net Ajax框架中包含一组动作并完成一个功能. Accordion的一个Behavior就是淡入淡出. 找到Behavior的引用，behavior.set_FadeTransitions() behavior.get_FadeTransitions()的方式来实现具体某一个Behavior的访问和修改. var behavior = $find(ctl00_SampleContent_MyAccordion_AccordionExtender);这种写法是不好的，我们在自动测试的页面中发现了更好的写法： var behavior=$find(%= MyAccordion.ClientID %_AccordionExtender); 1.3【功能截图】 AlwaysVisibleControl控件 1.1【功能概述】 AlwaysVisibleControl 是一个简单的扩展控件可以让一部分内容浮动在页面上，当滚动页面或者改变浏览器大小时总是可见的。它可以扩展任意一个Asp.net 控件，并可按照要求设置水平 竖直方向上的相对距离.最多的应用是在线阅读的目录和不胜其烦的浮动小广告。 1.2【细节】 (1) 避免控件闪烁，要扩展的控件要使用absolutely position (2) HorizontalSide=Center VerticalSide=Top 使用这个方式控制浮动的位置 (3) Var label = ocument.getElementById(ctl00_SampleContent_currentTime);这行代码我们可以使用更简单的方法： var label = $get(ctl00_SampleContent_currentTime); 1.3【功能截图】 Animation控件 1.1【功能概述】 28个控件种效果最酷的！顾名思义实现动画效果。它是一个插入式，可扩展的框架可以方便的为你的页面添加动画效果。 1.2【细节】 (1)Sys.UI.DomElement.getLocation(b) 取得控件位置的函数，常用！！！ (2)动画分为两种：Animation Action 后者的强大让我很兴奋 (3)Sequence /Sequence 顺序执行的动画脚本 (4)Parallel Parallel 并发执行的动画脚本 (5)【Action】 StyleAction AnimationTarget=btnCloseParent Attribute=opacity value=0 / 控制目标元素外观样式，属性--值的格式修改，一个元素可以应用多个StyleAction (6)【Action】EnableAction AnimationTarget=ctl00_ContentPlaceHolder1_btnInfo Enabled=true / 控件是否可用使用的方式跟上面是一样的，当前控件可省略AnimationTarget (7)【Action】 ScriptAction Script=Cover($get(ctl00_ContentPlaceHolder1_btnInfo), $get(flyout)); /执行一段脚本的Action (8) 【Action】 HideAction /隐藏目