可收合頁面

  • 2747
  • 0
  • 2008-04-09

可收合頁面

 

<asp:panel id="Panel5" style="cursor: pointer" runat="server">
       <asp:imagebutton id="ImageButton3" runat="server" imageurl="~/Images/close1.gif">
        <asp:label id="Label14" runat="server" text="Label"></asp:label></asp:panel>
<div style="overflow: auto; width: 300px; height: 230px">

<asp:panel id="Panel6" runat="server">
</asp:panel>
<cc1:collapsiblepanelextender id="CollapsiblePanelExtender5" runat="server" 
     targetcontrolid="Panel6" expandcontrolid="Panel5" collapsecontrolid="Panel5" 
     collapsed="false" imagecontrolid="ImageButton3" expandedimage="~/Images/close1.gif" 
     textlabelid="Label14" expandedtext=" **** " collapsedimage="~/Images/open1.gif" 
     collapsedtext=" **** " suppresspostback="true" scrollcontents="true">
</cc1:collapsiblepanelextender></div>
 
在第一個panel放入標題
第二個panel放要顯示的內容,可插入GridView或其他控制項
expandedimage及collapsedimage是要顯示的小圖

把Collapsed設為false即為預設開啟,true即為預設關閉
此功能預設選項為false

TargetControlID為控制被收合或展開的panel的id值