AJAX ControlToolkit 系列之---CollapsiblePanelExtender

原创 2007年10月07日 01:30:00

CollapsiblePanelExtender : 可层叠面版控件.

  之前看THC的教程时,发现他用网页做的"课堂教案"中有点特别的,就是点其中一 标题就可以隐藏或显示下一个层...觉得还蛮不错的,今天看了看AJAX ControlToolkit 的介绍发现用CollapsiblePanelExtender 就可以轻松实现此功能,呵呵,

  具体实现方法:

 1 ,在.NET2.0中新建AJAX工程, 拖入两个Panel和CollapsiblePanelExtender 控件( 这是最基本的),最好在第一个Panel中再加一个image和label....

  2,CollapsiblePanelExtender 属性介绍:

CollapsiblePanelExtender
 TargetControlID 该属性指定一个Panel,该Panel就是CollapsiblePanel要扩展显示或折叠的内容面板,也就是刚开始隐藏的PAN
CollapseControlID 该属性指定控制折叠的控件ID,就是单击该控件后隐藏panel就会隐藏
ExpandControlID 该属性指定扩展的控件ID,就是单击该控件后隐藏panel就会显示
ExpandDirection  指定Panel的扩展方向。默认为:Vertical(向下)
TextLabelID 指定一个控件,可以在扩展或折叠Panel时显示CollapsedText/ExpandedText中的内容。
CollapasedText Panel折叠时的文本
ExpandedText Panel扩展时的文本
Collapsed 指定页面载入时Panel是折叠还是扩展  ,  true or false
ImageControlID 指定一个控件,在扩展时显示ExpandedImage中的图像;在折叠时显示CollapsedImage中的图像
ExpandedImage 在扩展时显示的图像。
CollapsedImage 在折叠时显示的图像。
SuppressPostBack 禁止回传  当然为true拉...

  

  CollapsiblePanelExtender的具体属性设置

 <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="Panelcontent" CollapseControlID="Panelheader" ImageControlID="Image1" Collapsed="true" CollapsedText="展开来" ExpandedText="隐藏起" TextLabelID="Lb_state" CollapsedImage="img/up.jpg" ExpandedImage="img/down.jpg" ExpandControlID="Panelheader">

3:页面总体属性:

未完 

更多内容请关注:www.dearming.cn

4:效果;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

asp.net ajax controltoolkit 下载

http://ajaxcontroltoolkit.codeplex.com/ Ajax Control Toolkit The Ajax Control Toolkit contai...

ajax-CollapsiblePanelExtender

  • 2007年05月13日 17:56
  • 9.9MB
  • 下载

AJAX ControlToolkit学习日志——TextBoxWatermarkExtender

TextBoxWatermarkExtender用于对TextBox添加水印效果。下面请看一个示例:1)在VS2005中新建一个ASP.NET AJAX-Enabeld Web Project项目工程...

Ajax ControlToolkit

  • 2008年03月03日 22:01
  • 2.36MB
  • 下载

AjaxControltoolkit —CollapsiblePanelExtender使用详解(转)

七.CollapsiblePanelExtender CollapsibePanel 可以使得你的网页用户很方便地折叠或者展开你网页上的任何一个部分,的 ASP.Net AJAX 控件。 ...

AjaxBeta2ControlToolkit-NoSource

  • 2009年05月24日 08:47
  • 576KB
  • 下载

.net jQuery Web ControlToolkit 开源组件

  • 2012年04月22日 00:45
  • 3.13MB
  • 下载

J2EE项目系列(四)--SSM框架构建积分系统和基本商品检索系统(Spring+SpringMVC+MyBatis)(3)Ajax使用详解(级联列表)以及企业级报表Excel导入导出实现

今天来讲下企业的开发的一些功能应用吧,就是Ajax使用,以及简单的企业报表的导入导出,基于原有的项目进行展示(其实是本博主想偷懒)。 本博客属于一个项目的系列之一,每个大功能点都配置了一篇博客解析。h...

Ajax+Jsp系列之一[zipcode]

  • 2007年08月10日 15:17
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AJAX ControlToolkit 系列之---CollapsiblePanelExtender
举报原因:
原因补充:

(最多只允许输入30个字)