jQuery EasyUI API 中文文档 - 数字滑块（Slider）

数字滑块

由 $.fn.slider.defaults扩展而来.

依赖控件

• 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> 

属性

<style> <!-- .doc-table {border-collapse:collapse; border-spacing:0; margin-left:9px; font-size:13px} .doc-table th, .doc-table td {border:1px solid #8CACBB; padding:0.3em 0.7em} .doc-table th {background:#eee} --> </style> 名称参数类型说明缺省值

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