CollapsiblePanelExtender控件的使用说明
关键代码如下:
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 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>
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:禁止回传。