altas(ajax)控件(七)：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" />

[align=left]· TargetControlID - 该属性指定一个Panel，该Panel就是CollapsiblePanel要扩展显示或折叠的内容面板。[/align]
[align=left]· CollapsedSize/ ExpandedSize -该属性指定控制折叠/扩展的控件大小。[/align]
[align=left]· Collapsed – 默认是否折叠[/align]
[align=left]· AutoCollapse/ AutoExpand – 鼠标移上/移出时候是否自动显示(不点击)[/align]
[align=left]· ScrollContents – 是否显示滚动条[/align]
[align=left]· ExpandControlID/CollapseControlID - 该属性指定控制折叠/扩展的控件ID。[/align]
[align=left]· TextLabelID - 指定一个控件，可以在扩展或折叠Panel时显示CollapsedText/ExpandedText中的内容。[/align]
[align=left]· CollapsedText/ ExpandedText -Panel折叠/扩展时的文本。[/align]
[align=left]· ImageControlID - 指定一个控件，在扩展时显示ExpandedImage中的图像;在折叠时显示CollapsedImage中的图像。[/align]
[align=left]· CollapsedImage/ ExpandedImage -在扩展/折叠时显示不同的图像。[/align]
[align=left]· ExpandDirection - 指定Panel的扩展方向。[/align]

效果：http://www.asp.net/AJAX/Control-Toolkit/Live/CollapsiblePanel/CollapsiblePanel.aspx