ASP.NET Ajax 控件DropShadow,DropDown CollapsiblePanel 学习笔记

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" />

属性说明：

属性	说明
TargetControlID	要折叠展开功能的Panel的ID
AutoCollapse	自动收缩 bool
AutoExpand	自动扩展 bool
CollapseControlID	触发折叠展开的控件ID
Collapsed	设置默认情况下是否是折叠 bool
CollapsedImage	设置折叠时显示的图片(与ImageContents关联)
CollapsedSize	当目标 Panel 处于关闭状态时的尺寸大小
CollapsedText	设置折叠时显示的文本(与ExpandedText)
ExpandControlID	控制次面板的事件源
ExpandDiection	设置水平还是垂直折叠
ExpandedImage	展开时的图片路径(与ImageContents关联)
ExppandedSize	当目标 Panel 处于展开状态时的尺寸大小
ExpandedText	展开时显示的变化文本
ImageContentID	Image控件的ID
ScrollContents	设置面板是否带滚动条
SuppressPostBack	设否阻止事件发生时回传给服务器
TextLabelID	用于显示当前目标 Panel 折叠或者展开状态的 Label 控件 ID

DropDown -- 类似于下拉式菜单的控件，下拉的内容可以是Panel 或 LinkButtons

(察看效果)

实现方法:

<ajaxToolkit:DropDownExtender runat="server" ID="DDE"
TargetControlID="TextLabel"
DropDownControlID="DropPanel" />

属性说明：

属性	说明
DropArrowBackColor	下拉式菜单的箭头的背景颜色
DropArrowWidth	下拉式菜单箭头的宽度
DropArrowImageUrl	下拉式菜单的箭头的路径
DropDownControlID	单击下拉菜单时显示的控件ID
HighlightBackColor	下拉菜单的背景颜色
HighlightBorderColor	下拉菜单的边宽颜色

 

DropShadow -- 让Panel 控件产生阴影，产生三维视觉效果（察看效果）

实现方法：

属性	说明
OPacity	透明度0-1之间的值
Raius	圆角的半径
Rounded	是否显示圆角 bool
Width	阴影的宽度
TrackPosition	指定当 Panel 的位置或者大小发生改变的时候，其阴影是否自动适应