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	未选中显示图片的路径