CollapsiblePanel 控件屬性將被初始化如下面的示例代碼所示，斜體屬性為可選屬性。

<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" />

• TargetControlID - 具有折疊和展開功能的 Panel 的 ID
• CollapsedSize - 當(dāng)目標(biāo) Panel 處于關(guān)閉狀態(tài)時的尺寸大小，用像素 (px) 表示
• ExpandedSize - 當(dāng)目標(biāo) Panel 處于展開狀態(tài)時的尺寸大小，用像素 (px) 表示
• Collapsed - 標(biāo)志該目標(biāo) Panel 將被初始化的狀態(tài)是否為折疊狀態(tài)，在上面的示例中，我們初始化 Panel 為關(guān)閉狀態(tài)，而且關(guān)閉狀態(tài)時的 Panel 高度為 0 所以在第一次打開這個頁面的時候我們看不到 Panel
• AutoCollapse - 如果設(shè)置為 True，當(dāng)鼠標(biāo)指針移出 Panel 區(qū)域的時候 Panel 將自動折疊
• AutoExpand - 如果設(shè)置為 True，當(dāng)鼠標(biāo)移入到 Panel 區(qū)域的時候 Panel 將自動展開
• ScrollContents - 如果設(shè)置為 True，當(dāng) Panel 的內(nèi)容大于其本身的大小的情況下，將自動出現(xiàn)相適應(yīng)的滾動條
• ExpandControlID/CollapseControlID - 控制目標(biāo) Panel 的折疊或者展開狀態(tài)的控件 ID， 當(dāng)點擊該控件的時候，目標(biāo) Panel 將呈現(xiàn)展開或者折疊的狀態(tài)， 如果它們被設(shè)置為相同的控件，那么這個控件將根據(jù)他當(dāng)前的狀態(tài)進(jìn)行改變，如上面示例所示
• TextLabelID - 用于顯示當(dāng)前目標(biāo) Panel 折疊或者展開狀態(tài)的 Label 控件 ID
• CollapsedText - 折疊狀態(tài)的描述，該描述將用于 TextLabelID 的 Text 屬性，這個文本內(nèi)容同樣將是 ImageControlID (如果設(shè)置)的 AlternateText 屬性值
• ExpandedText - 展開狀態(tài)的描述，該描述將用于 TextLabelID 的 Text 屬性，這個文本內(nèi)容同樣將是 ImageControlID (如果設(shè)置) 的 AlternateText 屬性值
• ImageControlID - 用于用圖標(biāo)表示其展開或者折疊狀態(tài)的 Image 控件 ID，該控件將自動根據(jù)其狀態(tài)替換其圖標(biāo)為 CollapsedImage 屬性指向的圖片， 和 ExpandedImage 屬性指向的圖片。如果指定了 CollapsedText 和 ExpandedText 屬性，它們將是該圖標(biāo)控件的 AlternateText 屬性值
• CollapsedImage - 當(dāng)目標(biāo) Panel 被折疊的時候呈現(xiàn)的圖片
• ExpandedImage -當(dāng)目標(biāo) Panel 被展開的時候呈現(xiàn)的圖片
• ExpandDirection - 可以設(shè)置為 "Vertical" 或者 "Horizontal" 標(biāo)示目標(biāo) Panel 的展開方向

轉(zhuǎn)載于:https://www.cnblogs.com/kerry1986/archive/2009/12/03/1616484.html

總結(jié)

以上是生活随笔為你收集整理的CollapsiblePanel控件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。