数字滑块
由 $.fn.slider.defaults扩展而来.
依赖控件
- draggable
用法
1. <input class="easyui-slider" name="font-size" value="12" showTip="true" rule="[0,'|',25,'|',50,'|',75,'|',100]" style="300px">
1. <div class="easyui-slider" min="10" max="90" step="10" style="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' 参数包括: 宽度 height: 高度 |
| getValue | none | 得到 slider 的value值. |
| setValue | value | 设置 slider 的 value值. |
| enable | none | slider 组件可用. |
| disable | none | slider 组件禁用. |
参考文档: http://www.jeasyui.com