ASP.NET Ajax 控件ToggleButton,SliderExtender,ResizableControl 学习笔记
ResizableControl ----拖拽控件的大小,,一般用来拖拽图片的大小 (查看效果)
实现代码:
<ajaxToolkit:ResizableControlExtender ID="RCE" runat="server"
TargetControlID="PanelImage"
HandleCssClass="handleImage"
ResizableCssClass="resizingImage"
MinimumWidth="50"
MinimumHeight="20"
MaximumWidth="260"
MaximumHeight="130"
OnClientResize="OnClientResizeImage"
HandleOffsetX="3"
HandleOffsetY="3" />
属性说明:
属性 | 说明 |
HandleCssClass | 控制控件的Css样式 |
HandleOffsetX | 拖拽点的横坐标 |
HandleOffsetY | 拖拽点的纵坐标 |
MaximumHeight | 控件的最高高度 |
MinimumHeight | 控件的最低高度 |
MinimumWidth | 控件的最小宽度 |
MaximumWidth | 控件的最大宽度 |
OnClientResize | 控件改变时的客户端事件 |
OnclientResizeBegin | 正要开始拖拽时发生的客户端事件 |
OnClientResizing | 正在拖拽的客户端事件 |
ResizableCssClass | 当控件改变过程中的Css样式 |
ExppandedSize | 当目标 Panel 处于展开状态时的尺寸大小 |
SliderExtender --滑动条(查看效果)
实现代码:
<ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
TargetControlID="Slider1"
Minimum="-100"
Maximum="100"
BoundControlID="Slider1_BoundControl"
Steps="5" />
属性说明:
属性 | 说明 |
BoundControlID | 绑定的控件(TextBox或其他) |
Decimals | 小数的位数 |
EnalbeHandleAnimation | 是否允许以动画表示用户拖动 |
HandleCssClass | Slider 拖动点的 Css 样式 |
HandleImageUrl | 以图片表示 Slider 拖动点的图片路径指向 |
Lenth | 滑动条的长度 |
Maximum | 最大限度 |
Minimum | 最小限度 |
Orientation | 设置方位 |
RailCssClass | Slider 控件轨迹的 Css 样式 |
RaiseChangeOnlyOnMouseUp | 如果设置为 True 只有当拖动的结束的时候,也就是鼠标按键被放开的时候才触发页面其值变换事件。 |
Steps | 步长 |
ToggleButton--扩展了CheckBox控件,可以使它的外观改变,但是功能和CheckBox控件一样(查看效果)
实现代码:
<ajaxToolkit:ToggleButtonExtender ID="ToggleEx" runat="server"
TargetControlID="CheckBox1"
ImageWidth="19"
ImageHeight="19"
CheckedImageAlternateText="Check"
UncheckedImageAlternateText="UnCheck"
UncheckedImageUrl="ToggleButton_Unchecked.gif"
CheckedImageUrl="ToggleButton_Checked.gif" />
属性说明:
属性 | 说明 |
CheckedImageAlternateText | 选中的图片没显示或鼠标放在上面是显示的文本 |
CheckedImageUrl | 选中后显示的图片的路径 |
DisabledCheckedImageUrl | 当 CheckBox 处于不可操作(Disable)状态时,其“选中”状态的图片地址 |
DisableUncheckedImageUrl | 当 CheckBox 处于不可操作(Disable)状态时,其“不选”状态的图片地址 |
ImageHeight | 图片的高度 |
ImageWidth | 图片的宽度 |
UncheckedImageAlternateText | 未选中的图片没显示或鼠标放在上面是显示的文本 |
UncheckedImageUrl | 未选中显示图片的路径 |