CollapsiblePanel使用方法介绍
CollapsiblePanel是一种可收缩面板控件,其相关属性如下: TargetControlID
要实现折叠的Panel的IDCollapsedSize
Panel折叠后的尺寸ExpandedSize
Panel伸展后的迟寸Collapsed
默认加载页面时,此Panel是否处于折叠状态ExpandControlID
激发伸展效果的控件,主要是通过控件的Click事件实现伸展效果CollapseControlID
激发折叠效果的控件,主要是通过控件的Click事件实现折叠效果AutoCollapse
当Panel失去焦点时是否自动折叠AutoExpand
当Panel失去焦点时是否自动伸展ScrollContents
是否在Panel内显示滚动条TextLableID
显示折叠状态的目标控件CollapsedText
折叠状态时目标控件显示的信息ExpandedText
伸展状态时目标控件显示的信息ImageControlID
折叠和伸展方式为图片方式时,显示该图像的控件IDExpandedImage
伸展时使用的图像路径CollapsedImage
折叠时使用的图像路径ExpandDirection
Panel伸展方向,伸展方向有水平和垂直两种
Demo:
<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" />
补充:软件开发 , C# ,