注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Start Know

自分を信じて、自分で一定でいけます

 
 
 

日志

 
 

ASP.NET Ajax 控件DropShadow,DropDown CollapsiblePanel 学习笔记   

2008-09-12 09:16:18|  分类: Ajax.net系列教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

CollapsiblePanel --可收缩面板..(效果)

实现方法

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

属性说明:

属性 说明
TargetControlID 要折叠展开功能的Panel的ID
AutoCollapse 自动收缩 bool
AutoExpand 自动扩展 bool
CollapseControlID 触发折叠展开的控件ID
Collapsed 设置默认情况下是否是折叠 bool
CollapsedImage

设置折叠时显示的图片(与ImageContents关联)

CollapsedSize 当目标 Panel 处于关闭状态时的尺寸大小
CollapsedText 设置折叠时显示的文本(与ExpandedText)
ExpandControlID

控制次面板的事件源

ExpandDiection 设置水平还是垂直折叠
ExpandedImage 展开时的图片路径(与ImageContents关联)
ExppandedSize 当目标 Panel 处于展开状态时的尺寸大小
ExpandedText

展开时显示的变化文本

ImageContentID Image控件的ID
ScrollContents

设置面板是否带滚动条

SuppressPostBack 设否阻止事件发生时回传给服务器
TextLabelID 用于显示当前目标 Panel 折叠或者展开状态的 Label 控件 ID

DropDown -- 类似于下拉式菜单的控件,下拉的内容可以是Panel 或 LinkButtons

(察看效果)

实现方法:

<ajaxToolkit:DropDownExtender runat="server" ID="DDE"

TargetControlID="TextLabel"

DropDownControlID="DropPanel" />

属性说明:

属性 说明
DropArrowBackColor 下拉式菜单的箭头的背景颜色
DropArrowWidth 下拉式菜单箭头的宽度
DropArrowImageUrl 下拉式菜单的箭头的路径
DropDownControlID 单击下拉菜单时显示的控件ID
HighlightBackColor 下拉菜单的背景颜色
HighlightBorderColor 下拉菜单的边宽颜色

 

DropShadow -- 让Panel 控件产生阴影,产生三维视觉效果(察看效果

实现方法:

属性 说明
OPacity

透明度0-1之间的值

Raius 圆角的半径
Rounded

是否显示圆角 bool

Width 阴影的宽度
TrackPosition 指定当 Panel 的位置或者大小发生改变的时候,其阴影是否自动适应

  评论这张
 
阅读(731)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017