ASP.NET AJAX(22)-CollapsiblePanalExtender

2008-03-16

1.這是一個可以讓Panal展開與縮合的控制項，還蠻不錯的。

2.CollapsiblePanelExtender的TargetControlID先設為要展開與縮合的那個panal

3.Expendedsize是展開的尺寸，可以設大一點

4.SuppressPostback要設成true，這樣panal在展開時才不會postback，我一開始找不到這個屬性，想說放在updatepanal裡面就好，不過行不通，這裡要設成true喔，不然畫面會一直閃，記得!

5.其他設定的一些屬性，看底下的範例就可以了，這個控制項我覺得很好用，可以節省版面的空間，將想顯示的文字或圖片都可以放在panal裡，讓它折疊起來，大家多多利用吧!

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" />   <div>  <asp:Button ID="Button1" runat="server" Text="open" /> <asp:Button ID="Button2" runat="server" Text="close" /></div> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" CollapseControlID="Button2" Collapsed="True" ExpandControlID="Button1" ExpandedSize="500" SuppressPostBack="True" TargetControlID="Panel1"> </cc1:CollapsiblePanelExtender>   <asp:Panel ID="Panel1" runat="server" BackColor="Yellow" Height="424px" Width="712px"> 啦啦啦<br /> <asp:Image ID="Image1" runat="server" ImageUrl="~/1494110631.jpg" /></asp:Panel> </form> </body> </html>

回首頁