关闭

AJAX ControlToolkit 系列之---CollapsiblePanelExtender

902人阅读 评论(0) 收藏 举报

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:效果;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:45668次
    • 积分:874
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:7篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论
    ASP