ASP.NET AJAX Control Toolkit 学习(一)

当从Toolbox中将某个Ajax Toolkit控件拖到页面中之后,将会发现所添加控件的前缀是默认的"cc1"之类。
在Web.config中为控件指定一个有意义的前缀
:
<system.web>
<pages>
    
<controls>
        
<add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="ajaxToolkit"/>
    
</controls>
</pages>
</system.web>



AlwaysVisibleControl(形影不离):

<ajaxToolkit:AlwaysVisibleControlExtender ID="ace" runat="server"
    TargetControlID
="timer"         
    VerticalSide
="Top"
    VerticalOffset
="10"
    HorizontalSide
="Right"
    HorizontalOffset
="10"
    ScrollEffectDuration
=".1"/>

属性说明:
    TargetControlID:该扩展器目标控件ID。(注:该控件要加runat="server")
    HorizontalOffset:目标控件距离浏览器左右边框的水平边距,单位为像素,默认值为0
    HorizontalSide:目标控件的水平停靠方向,Left(默认值)代表靠左边停靠
    VerticalOffset:目标控件距离浏览器上下边框的垂直边距,单位为像素,默认值为0
    VerticalSide:目标控件的垂直停靠方向,Top(默认值)代表靠上边停靠
    ScrollEffectDuration:当用户滚动浏览器滚动条或进行窗口缩放时,两次调整目标控件位置的时间间隔,单位为秒,默认值为0.1


CollapsiblePanel(可收缩面板)

<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
    TargetControlID
="Panel1"
    CollapsedSize
="0"
    ExpandedSize
="300"
    Collapsed
="True"
    ExpandControlID
="LinkButton1"
    CollapseControlID
="LinkButton1"
    AutoCollapse
="False"
    AutoExpand
="False"
    ScrollContents
="True"
    TextLabelID
="Label1"
    CollapsedText
="Show Details"
    ExpandedText
="Hide Details" 
    ImageControlID
="Image1"
    ExpandedImage
="~/images/collapse.jpg"
    CollapsedImage
="~/images/expand.jpg"
    ExpandDirection
="Vertical" />

属性说明: 
    CollapsedSize:目标Panel控件折叠时在折叠方向上的大小,单位为像素
    ExpandedSize:目标Panel控件展开时在展开方向上的大小,单位为像素。若不指定该属性,则将展开至足够显示其中的所有内容
    Collapsed:目标Panel控件的初始化状态,true代表折叠
    AutoCollapse:若为true,则鼠标移至目标Panel控件之外时,自动折叠
    AutoExpand:若为true,则鼠标移至目标Panel控件之外时,自动展开
    ScrollContents:若为true,则当目标Panel控件中的内容超过其指定大小时,经自动显示滚动条,否则超出部分将被截去
    ExpandControlID:指定一个服务器端控件的ID,当用户点击该控件时,该扩展器的目标Panel控件将展开
    CollapseControlID:指定一个服务器端控件的ID,当用户点击该控件时,该扩展器的目标Panel控件将折叠
    TextLabelID:指定一个服务器端控件的ID,用来显示此时目标Panel控件的折叠/展开状态
    CollapsedText:当目标Panel控件为折叠状态时,TextLabelID属性所指定的Label控件中的文字
    ExpandedText:当目标Panel控件为展开状态时,TextLabelID属性所指定的Label控件中的文字
    ImageControlID:在目标Panel控件中,想使用图形来显示收缩或展开状态的Image控件的ID。这个属性会根据所指定的CollapsedImageExpandedImage属性自动地显示收缩或展开的图形。特别值得一提的是,如果有指定CollapsedTextExpandedText属性,当鼠标移至该图片时,也会出现提示文字说明
    CollapsedImage:目标Panel控件为展开状态时,ImageControlID属性所指定的Image控件中图片的URL
    ExpandedImage:目标Panel控件为折叠状态时,ImageControlID属性所指定的Image控件中图片的URL
    ExpandDirection:Horizontal代表目标Panel控件的展开方向为从左到右
    SuppressPostBack:是否抑制回送的动作,一般指定为true

posted on 2008-07-03 00:06  王丹小筑  阅读(313)  评论(0)    收藏  举报

导航