数字滑块
由 $.fn.slider.defaults扩展而来.
![](https://i-blog.csdnimg.cn/blog_migrate/6896c597e433c3dcd853eb350a61e369.png)
依赖控件
- draggable
用法
1. <input class="easyui-slider" name="font-size" value="12" showTip="true" rule="[0,'|',25,'|',50,'|',75,'|',100]" style="width:300px">
1. <div class="easyui-slider" min="10" max="90" step="10" style="width:300px"></div>
1. <div class="easyui-slider" min="10" max="90" step="10" style="width:300px"></div>
属性
名称 | 参数类型 | 说明 | 缺省值 |
---|---|---|---|
width | number | slider的宽度. | auto |
height | number | slider的高度. | auto |
mode | string | slider的类型. 例如: 'h'(水平),'v'(垂直). | h |
showTip | boolean | 是否显示提示信息. | false |
disabled | boolean | 是否禁用. | false |
value | number | 缺省值. | 0 |
min | number | 最小值. | 0 |
max | number | 最大值. | 100 |
step | number | 增加或减少的步长. | 1 |
rule | array | 刻度标签, '|' — 在刻度的旁边显示. | [] |
tipFormatter | function | 格式化value值的方法. 返回字符以 tip提示的方法显示 |
事件
名称 | 参数 | 说明 |
---|---|---|
onChange | newValue, oldValue | value改变时触发. |
onSlideStart | value | 开始拖动时触发. |
onSlideEnd | value | 结束拖动时触发. |
方法
名称 | 参数 | 说明 |
---|---|---|
options | none | 返回slider选项. |
destroy | none | 回收slider对象. |
resize | param | 设置 slider 大小. 'param' 参数包括: width: 宽度 height: 高度 |
getValue | none | 得到 slider 的value值. |
setValue | value | 设置 slider 的 value值. |
enable | none | slider 组件可用. |
disable | none | slider 组件禁用. |
参考文档: http://www.jeasyui.com