@author YHC
从$.fn.validatebox.defaults.继承,覆盖默认值$.fn.spinner.defaults.
spinner结合了一个可编辑的文本框和两个小按钮,它允许用户从一个范围值选取,类似于combobox,spinner 允许用户输入一个值,但是不会有一个下拉列表
它是创建其他spinner 组件的基础spinner 组件,例如:numberspinner, timespinner, 等等...
相关依赖
- validatebox
使用示例
spinner 应该使用javascript创建,从标记创建是不允许的.
<input id="ss" value="2">
$('#ss').spinner({
required:true,
increment:10
});
属性
属性从 validatebox继承, 下面是spinner的新增属性.
Name | Type | Description | Default |
---|---|---|---|
width | number | 这个组件的宽度. | auto |
value | string | 初始化值. | |
min | string | 最下允许值. | null |
max | string | 最大允许值. | null |
increment | number | 当点击spinner按钮的时候增加的值. | 1 |
editable | boolean | 定义用户是否可以直接输入值. | true |
disabled | boolean | 定义是否禁用该组件. | false |
spin | function(down) | 当用户点击spinner按钮的时候调用的方法.'down'参数指明用户是否点击的down按钮. |
事件
Name Parameters Description onSpinUp none 当用户点击up spinner 按钮的时候触发. onSpinDown none 当用户点击down spinner按钮的时候触发.
方法
方法从 validatebox继承,以下是 spinner新增的方法.
Name Parameter Description options none 返回 options 对象. destroy none 销毁 spinner 组件. resize width 重新设置组件的宽度.传入'width'参数重写原始的参数 示例代码:
$('#ss').spinner('resize'); // 根据原始宽度调整大小
$('#ss').spinner('resize', 200); //调整大小到新的宽度
enable none 启用组件. disable none 禁用组件. getValue none 得到组件值. setValue value 设置组件值. clear none 清空组件值.
以上如有错误信息,请指出,thanks!
事件
Name | Parameters | Description |
---|---|---|
onSpinUp | none | 当用户点击up spinner 按钮的时候触发. |
onSpinDown | none | 当用户点击down spinner按钮的时候触发. |
方法
方法从 validatebox继承,以下是 spinner新增的方法.
Name | Parameter | Description |
---|---|---|
options | none | 返回 options 对象. |
destroy | none | 销毁 spinner 组件. |
resize | width | 重新设置组件的宽度.传入'width'参数重写原始的参数 示例代码: $('#ss').spinner('resize'); // 根据原始宽度调整大小 $('#ss').spinner('resize', 200); //调整大小到新的宽度 |
enable | none | 启用组件. |
disable | none | 禁用组件. |
getValue | none | 得到组件值. |
setValue | value | 设置组件值. |
clear | none | 清空组件值. |