CollapsiblePanel 控件屬性將被初始化如下面的示例代碼所示斜體屬性為可選屬性
<ajaxToolkit:CollapsiblePanelExtender ID=cpe runat=Server
TargetControlID=Panel
CollapsedSize=
ExpandedSize=
Collapsed=True
ExpandControlID=LinkButton
CollapseControlID=LinkButton
AutoCollapse=False
AutoExpand=False
ScrollContents=True
TextLabelID=Label
CollapsedText=Show Details
ExpandedText=Hide Details
ImageControlID=Image
ExpandedImage=~/images/collapsejpg
CollapsedImage=~/images/expandjpg
ExpandDirection=Vertical />
TargetControlID 具有折疊和展開功能的 Panel 的 ID
CollapsedSize 當目標 Panel 處於關閉狀態時的尺寸大小用像素 (px) 表示
ExpandedSize 當目標 Panel 處於展開狀態時的尺寸大小用像素 (px) 表示
Collapsed 標志該目標 Panel 將被初始化的狀態是否為折疊狀態在上面的示例中我們初始化 Panel 為關閉狀態而且關閉狀態時的 Panel 高度為 所以在第一次打開這個頁面的時候我們看不到 Panel
AutoCollapse 如果設置為 True當鼠標指針移出 Panel 區域的時候 Panel 將自動折疊
AutoExpand 如果設置為 True當鼠標移入到 Panel 區域的時候 Panel 將自動展開
ScrollContents 如果設置為 True當 Panel 的內容大於其本身的大小的情況下將自動出現相適應的滾動條
ExpandControlID/CollapseControlID 控制目標 Panel 的折疊或者展開狀態的控件 ID 當點擊該控件的時候目標 Panel 將呈現展開或者折疊的狀態 如果它們被設置為相同的控件那麼這個控件將根據他當前的狀態進行改變如上面示例所示
TextLabelID 用於顯示當前目標 Panel 折疊或者展開狀態的 Label 控件 ID
CollapsedText 折疊狀態的描述該描述將用於 TextLabelID 的 Text 屬性這個文本內容同樣將是 ImageControlID (如果設置)的 AlternateText 屬性值
ExpandedText 展開狀態的描述該描述將用於 TextLabelID 的 Text 屬性這個文本內容同樣將是 ImageControlID (如果設置) 的 AlternateText 屬性值
ImageControlID 用於用圖標表示其展開或者折疊狀態的 Image 控件 ID該控件將自動根據其狀態替換其圖標為 CollapsedImage 屬性指向的圖片 和 ExpandedImage 屬性指向的圖片如果指定了 CollapsedText 和 ExpandedText 屬性它們將是該圖標控件的 AlternateText 屬性值
CollapsedImage 當目標 Panel 被折疊的時候呈現的圖片
ExpandedImage 當目標 Panel 被展開的時候呈現的圖片
ExpandDirection 可以設置為 Vertical 或者 Horizontal 標示目標 Panel 的展開方向
From:http://tw.wingwit.com/Article/program/ASP/201311/21662.html
