Ajax Control Toolkit 34个服务器端控件Word格式文档下载.docx

1、behavior.get_FadeTransitions（）; function changeAutoSize（） var ctrl = $get（autosize /这里找的是下拉列表控件,不是Behavior if （behavior） var size = None; / 这里顺便看看怎么使用Select switch （ctrl.selectedIndex） case 0 : behavior.get_element（）.style.height = auto size = AjaxControlToolkit.AutoSize.None; break; case 1 :400px s

2、ize = AjaxControlToolkit.AutoSize.Fill; case 2 : size = AjaxControlToolkit.AutoSize.Limit; behavior.set_AutoSize（size）; if （document.focus） document.focus（）;/scriptajaxToolkit:Accordion ID=MyAccordion runat=server SelectedIndex=0 HeaderCssClass=accordionHeader ContentCssClass=accordionContent FadeTr

3、ansitions=false FramesPerSecond=40 TransitionDuration=250 AutoSize=None AccordionPane ID=AccordionPane1Headera href= onclick=return false; class=accordionLink1. Accordion/HeaderContent/Content/ajaxToolkit:AccordionPane/PanesAccordion2. AlwaysVisibleControl【功能概述】AlwaysVisibleControl 是一个简单的扩展控件可以让一部分内

4、容浮动在页面上，当滚动页面或者改变浏览器大小时总是可见的。它可以扩展任意一个A 控件，并可按照要求设置水平 竖直方向上的相对距离.最多的应用是在线阅读的目录和不胜其烦的浮动小广告。（1） 避免控件闪烁，要扩展的控件要使用absolutely position（2） HorizontalSide=Center VerticalSide=Top 使用这个方式控制浮动的位置（3） Var label = ocument.getElementById（ctl00_SampleContent_currentTime这行代码我们可以使用更简单的方法： var label = $get（代码示意：cc1:A

5、lwaysVisibleControlExtender ID=AlwaysVisibleControlExtender1 TargetControlID=Panel13. Animation28个控件种效果最酷的！顾名思义实现动画效果。它是一个插入式，可扩展的框架可以方便的为你的页面添加动画效果。请参考页面代码阅读下面的细节内容:（1）Sys.UI.DomElement.getLocation（b） 取得控件位置的函数，常用！（2）动画分为两种：Animation Action 后者的强大让我很兴奋（3）/Sequence 顺序执行的动画脚本（4）Parallel 并发执行的动画脚本（5）【A

6、ction】 控制目标元素外观样式，属性-值的格式修改，一个元素可以应用多个StyleAction（6）【Action】EnableAction AnimationTarget=ctl00_ContentPlaceHolder1_btnInfo Enabled=true 控件是否可用使用的方式跟上面是一样的，当前控件可省略AnimationTarget（7）ScriptAction Script=Cover（$get（ctl00_ContentPlaceHolder1_btnInfo）, $get（flyout）;执行一段脚本的Action（8） 【Action】 隐藏目标的控件（9） 【Ac

7、tion】OpacityAction AnimationTarget=info Opacity= 设置透明度的Action（10）【Animation】 FadeOut / 淡入淡出（11）【Animation】Scale ScaleFactor=0.05 Center= ScaleFont= FontUnit=px 控制目标元素的大小但是注意：If scaleFont is true, the size of the font will also scale with the element. If center is true, then the elements center will

8、not move as it is scaled. It is important to note that the target must be positioned （i.e. absolutely） so that settings its top/left properties will change its location in order for center to have an effect. （12） 【Animation】Pulse Duration=.1 脉搏跳动效果（13）Color Duration= StartValue=#FFFFFF EndValue=#FF0

9、000 Property=style PropertyKey=color 颜色渐变效果，设置起始结束颜色就可以（14） 【Animation】 OnLoad/OnLoadOnClick/OnClickOnMouseOver/OnMouseOverOnMouseOut/OnMouseOutOnHoverOver/OnHoverOverOnHoverOut/OnHoverOut/AnimationsAnimationExtender4. AutoComplete AutoComplete控件是对A文本框控件的扩展，当用户词汇前面的字母时以弹出区域的形式给出备选词。这个功能的完成依赖于特定的Web

10、Service。在正式版的Ajax Control Toolkit中看到自动完成扩展控件有一种感觉：它终于出现在了它应该出现的地方。之前AutoComplete控件是在CTP版本中以核心组件的形式 出现的，这个功能极为明确的控件被归类到核心组件，我还是比较迷惑。正式版中它终于成为了一个扩展控件。Google的自动完成功能，新浪 网易等信箱的收件人自动完成功能是这个功能的成功应用。从Atlas的版本开始，AutoComplete的使用方法就没有太大的改变，只要注意：（1）调用的Web Service方法签名有要求： WebMethod public string GetCompletionLis

11、t（string prefixText, int count） . （2）MinimumPrefixLength最短前缀字符数，就是说你至少要键入几个字符才会出现提示5. Calendar Calendar同样是对文本框的扩展，当点击文本框的时候弹出日期选择选项。现在的版本提供的功能已经和WinForm中的日期控件一样，可以通过点击日期选择，点击箭头在年月之间切换。（1）同样是对文本框的扩展，文本框获得焦点就会出现日期选择，样式是可以自定义的（2）虽然一定是对文本框的扩展但是我们还是可以指定弹出按钮PopupButtonID，一旦这个值设定了，文本框获得焦点也不会弹出日期选择（3）不需要把它放

12、在UpdatePanel中6. CascadingDropDownCascadingDropDown 控件是对ASP.NET DropDownList control的扩展，实现对一个DropDownList操作时其它DropDownList发生相应的变化。这个功能的实现依赖于Web Service。（1）如果使用Web service 方法签名必须符合下面的形式： public CascadingDropDownNameValue GetDropDownContents（ string knownCategoryValues, string category）.（2）在阅读代码的时候请关注：

13、Category属性。官方说法The name of the category this DropDownList represents 实打开/App_Data/CarsService.xml你就发现这是Xml的元素标签。从这个角度我们就解决了为什么联动，即联动的本质；同时也明 白了调用Service的参数约定。CascadingDropDown ID=CascadingDropDown1DropDownList1 Category=Make PromptText=Please select a make LoadingText=Loading makes ServicePath=CarsS

14、ervice.asmx ServiceMethod=GetDropDownContentsCascadingDropDown2DropDownList2ModelPlease select a modelLoading models GetDropDownContentsPageMethod ParentControlID=CascadingDropDown3DropDownList3ColorPlease select a colorLoading colors /CascadingDropDown/CarsService.asmx另外页面上还有一段定义UpdatePanel的代码很典型，可

15、以作为参考：asp:UpdatePanel ID=UpdatePanel1 UpdateMode=Conditional RenderMode=inlineContentTemplateLabel ID=Label1 Text=No response provided yet/ContentTemplateTriggersAsyncPostBackTrigger ControlID= EventName=SelectedIndexChanged/Triggers/asp:UpdatePanel7. CollapsiblePanel这个控件几乎在每一个页面上都出现了。它是非常灵活的一个控件，可以

16、扩展任何ASP.NET Panel control。在页面上轻松实现展开收缩效果。这种效果我们最熟悉的恐怕就是XP的文件任务栏了。（1） CollapsiblePanel 默认认为使用了 标准 CSS box model 早期的浏览器要!DOCTYPE 中设置页面为自适应方式提交数据rendered in IEs standards-compliant mode.（2） 可以自动展开 自动收缩Autoexpand= AutoCollapse=但是这两个本身是互斥的不能同时为True;如果设置了这两个属性其中一个为True就不要在设置 Collapsed=True，这样就没有意义了。（3） Te

17、xtLabelID=这个属性有什么深意高级的操作么？我还在研究。CollapsiblePanelExtender ID=cpeServer CollapsedSize= ExpandedSize=300 Collapsed= ExpandControlID=LinkButton1 CollapseControlID=False AutoExpand= ScrollContents= TextLabelID= CollapsedText=Show Details OpenedText=Hide Details ImageControlID=Image1 ExpandedImage=/images/collapse.jpg CollapsedImage=/images/expand.jpg ExpandDirection=Height8. ConfirmButton这个控件是对Button和继承了Button的控件的扩展，它可以捕捉到用户点击了对话框中的“是”“否”；如果是“是”就继续执行后面的代码，反之就停止执行它默认的提交行为。（1） 要扩展的LinkButton Button 以及ConfirmButtonExtender都要放在updatepanel里面 如果是放在外面，点击“确定”或者“取消”之