Slider 滑动条
用$.fn.slider.defaults重写defaults。
依赖
- draggable
用法
当用在表单中，在
<input> 标记中创建slider。
1. <input class="easyui-slider" name="font-size" value="12" showTip="true" rule="[0,'|',25,'|',50,'|',75,'|',100]" style="width:300px">
同时允许在 <div/> 中创建slider，但是“value”属性无效。
1. <div class="easyui-slider" min="10" max="90" step="10" style="width:300px"></div>
在程序中创建slider。
1. <div id="ss" style="height:200px"></div>
2. $('#ss').slider({
3. mode: 'v',
4. tipFormatter: function(value){
5. return value + '%';
6. }
7. });
属性
|
名称
|
类型
|
说明
|
默认值
|
|
width |
number |
组件的宽度。 |
auto |
|
height |
number |
组件的高度。 |
auto |
|
mode |
string |
组件的类型：
“h”（水平horizontal），“v”（垂直vertical）。
|
h |
|
showTip |
boolean |
定义是否显示信息提示“tip”。 |
false |
|
disabled |
boolean |
定义是否禁用slider。 |
false |
|
value |
number |
设置默认值。 |
0 |
|
min |
number |
|
0 |
|
max |
number |
最大允许值。 |
100 |
|
step |
number |
数值增加或减小。 |
1 |
|
rule |
array |
设置slider的刻度。“|”只会显示刻度，没数字。 |
[] |
|
tipFormatter |
function |
格式化返回的数值。
|
|
事件
|
名称
|
参数
|
说明
|
|
onChange |
newValue, oldValue |
数值改变时触发。 |
|
onSlideStart |
value |
开始滑动式触发。 |
|
onSlideEnd |
value |
滑动结束后触发。 |
方法
|
名称
|
参数
|
说明
|
|
options |
none |
返回选项。 |
|
destroy |
none |
摧毁组件。 |
|
resize |
param |
设置组件的宽度和高度（width，height）。 |
|
getValue |
none |
获取组件的值。 |
|
setValue |
value |
设置组件的值。 |
|
enable |
none |
开启组件。
|
|
disable |
none |
禁用组件。 |