easyUI Spinner

@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!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值