|
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 的展开方向 |
