程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> CollapsiblePanel使用方法介紹

CollapsiblePanel使用方法介紹

編輯:C#入門知識

CollapsiblePanel是一種可收縮面板控件,其相關屬性如下:  TargetControlID
 要實現折疊的Panel的ID

CollapsedSize
 Panel折疊後的尺寸

ExpandedSize
 Panel伸展後的遲寸

Collapsed
 默認加載頁面時,此Panel是否處於折疊狀態

ExpandControlID
 激發伸展效果的控件,主要是通過控件的Click事件實現伸展效果

CollapseControlID
 激發折疊效果的控件,主要是通過控件的Click事件實現折疊效果

AutoCollapse
 當Panel失去焦點時是否自動折疊

AutoExpand
 當Panel失去焦點時是否自動伸展

ScrollContents
 是否在Panel內顯示滾動條

TextLableID
 顯示折疊狀態的目標控件

CollapsedText
 折疊狀態時目標控件顯示的信息

ExpandedText
 伸展狀態時目標控件顯示的信息

ImageControlID
 折疊和伸展方式為圖片方式時,顯示該圖像的控件ID

ExpandedImage
 伸展時使用的圖像路徑

CollapsedImage
 折疊時使用的圖像路徑

ExpandDirection
 Panel伸展方向,伸展方向有水平和垂直兩種
 


 Demo:

 

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

 

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved