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 的位置或者大小发生改变的时候，其阴影是否自动适应 |
