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。这个属性会根据所指定的CollapsedImage和ExpandedImage属性自动地显示收缩或展开的图形。特别值得一提的是,如果有指定CollapsedText和ExpandedText属性,当鼠标移至该图片时,也会出现提示文字说明
CollapsedImage:目标Panel控件为展开状态时,ImageControlID属性所指定的Image控件中图片的URL
ExpandedImage:目标Panel控件为折叠状态时,ImageControlID属性所指定的Image控件中图片的URL
ExpandDirection:Horizontal代表目标Panel控件的展开方向为从左到右
SuppressPostBack:是否抑制回送的动作,一般指定为true
在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。这个属性会根据所指定的CollapsedImage和ExpandedImage属性自动地显示收缩或展开的图形。特别值得一提的是,如果有指定CollapsedText和ExpandedText属性,当鼠标移至该图片时,也会出现提示文字说明
CollapsedImage:目标Panel控件为展开状态时,ImageControlID属性所指定的Image控件中图片的URL
ExpandedImage:目标Panel控件为折叠状态时,ImageControlID属性所指定的Image控件中图片的URL
ExpandDirection:Horizontal代表目标Panel控件的展开方向为从左到右
SuppressPostBack:是否抑制回送的动作,一般指定为true
本贴子以“现状”提供且没有任何担保,同时也没有授予任何权利
This posting is provided "AS IS" with no warranties, and confers no rights.
This posting is provided "AS IS" with no warranties, and confers no rights.
浙公网安备 33010602011771号