示例代码:
<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1"
TargetControlID="Panel1"
CollapsedSize="0"
ExpandedSize="342"
Collapsed="false"
ExpandControlID="imgbtnDirection"
CollapseControlID="imgbtnDirection"
AutoCollapse="false"
AutoExpand="false"
ScrollContents="false"
CollapsedText="显示..."
ExpandedText="隐藏"
ImageControlID="imgbtnDirection"
ExpandedImage="~/images/ toleft.gif"
CollapsedImage="~/images/ toright.gif"
ExpandDirection= "horizontal" runat="server" >
</cc1:CollapsiblePanelExtender>
解析:
TargetControlID 被显示或隐藏的Panel的ID
CollapsedSize 折叠后的尺寸
ExpandedSize 展开后的尺寸
Collapsed 默认Panel是否处于折叠状态
ExpandControlID 激发伸展效果的控件ID
CollapseControlID 激发折叠效果的控件ID
AutoCollapse 失去焦点时是否自动折叠
ScrollContents Panel内是否显示滚动条
CollapsedText 折叠后显示的文本信息
ExpandedText 展开后显示的文本信息
ImageControlID 使用图片实现折叠和展示时,图片的ID
ExpandedImage 实现展开时使用的图片路径
CollapsedImage 实现折叠时使用的图片路径
ExpandDirection 展开方向,有水平和垂直两种