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