滑块概述

滑块元素

RadSlider设计尽可能简单,包括以下元素:

  • 提高处理:将滑块的值增加一步。

  • 选择地区:可视化所选范围。

  • 拖动处理:通过用鼠标拖动手柄来更改滑块的值。

  • 跟踪:可视化滑块,并在单击时更改其值。

  • 减少处理:将滑块的值减少一步。

Telerik UI for ASP。净AJAXNinja image

滑块是Telerik UI for ASP。净AJAX,一个具有 120+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,请注册一个30天的免费试用。

行为

通过设置来控制RadSlider的位置和值行为MinimumValue, MaximumValue, Value和LargeChange属性。MinimumValue和MaximumValue设置了Value的上下限,Value是滑块的当前位置,LargeChange控制了鼠标点击滑块所引起的增量或减量。

布局

控件控制RadSlider的布局取向属性,可以是垂直水平

动画

AnimationDuration属性以毫秒为单位控制幻灯片动画的长度。如果你将AnimationDuration设置为0,拖动句柄会立即显示在新的点击值处。

处理

RadSlider有三个“手柄”视觉元素:拖动句柄、递增句柄和递减句柄。控制句柄的可见性ShowDragHandle, showreducehandle和showincreehandle属性分别。控件中设置句柄的工具提示文本DragText, growetext和growetext属性。

鼠标滚轮支架

控件启用了鼠标滚轮支持TrackMouseWheel属性(默认为true),并由SmallChange财产。SmallChange表示滑块响应鼠标滚轮的移动量。

状态的持久性

RadSlider的状态在部分回发和完全回发之间自动保存。客户端上设置的所有属性,包括当前的价值属性将在代码隐藏中可用,并且在页面刷新之后,它们将持久保存在客户机上。

支持多点触控

当在移动触摸设备中使用该控件时,RadSlider的两个拖动手柄可以通过按下并拖动的方式同时移动。

另请参阅

在本文中
Baidu
map