关键代码如下:
1
<ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
2
TargetControlID="Panel2"
3
ExpandControlID="Panel1"
4
CollapseControlID="Panel1"
5
Collapsed="true"
6
SuppressPostBack="true"
7
TextLabelID="Label1"
8
ExpandedText="隐藏"
9
CollapsedText="展开"
10
ExpandedImage="images/collapse_blue.jpg"
11
CollapsedImage="images/expand_blue.jpg"
12
>
13
</ajaxToolkit:CollapsiblePanelExtender>
属性说明:2
3
4
5
6
7
8
9
10
11
12
13
a)TargetControlID:该属性指定一个Panel,该Panel就是CollapsiblePanel要扩展显示或折叠的内容面板。
b)CollapseControlID/ExpandControlID:该属性指定控制折叠/扩展的控件ID。
c)ExpandDirection:指定Panel的扩展方向。
d)TextLabelID:指定一个控件,可以在扩展或折叠Panel时显示CollapsedText/ExpandedText中的内容。
e)CollapasedText/ExpandedText:Panel折叠/扩展时的文本。
f)Collapsed:指定页面导入时Panel是折叠还是扩展。
g)ImageControlID:指定一个控件,在扩展时显示ExpandedImage中的图像;在折叠时显示CollapsedImage中的图像。
h)ExpandedImage/CollapsedImage:在扩展/折叠时显示不同的图像。
i)SuppressPostBack:禁止回传。