使用须知
如何开始
安装
全局元素
样式重置
文字
颜色
徽章
提示框
表格
图标
栅格
原生组件
Panel
Accordion
Tabs
Layout
DataGrid
DataList
PropertyGrid
Tree
TreeGrid
LinkButton
Menu
MenuButton
SplitButton
SwitchButton
TabButton
Pagination
ProgressBar
SearchBox
Form
CheckBox
RadioBox
TextBox
PasswordBox
FileBox
TagBox
Combo
ComboBox
ComboGrid
ComboTree
ComboTreeGrid
ComboFilter
NumberBox
NumberSpinner
Calendar
DateBox
DateRangeBox
DateTimeBox
DateTimeRangeBox
TimeSpinner
DateTimeSpinner
Slider
ValidateBox
ImagesBox
Window
Dialog
Messager
Draggable
Droppable
Resizable
Tooltip
MaskedBox
扩展组件
头像
上传
时间轴
聊天
用户面板
消息面板
统计数据面板
Echart面板
圆形统计图
评论
相册
评分
文件
滚动条
二维码
条形码
天气
AT
编辑器
课程表
日程表
项目管理
客户管理
浏览器
FAQ
兼容插件
IconFont
Font Awesome
Ueditor
Ckeditor
Echarts
Plupload
Cropper
BaiduMap
AMap
Colpick
Nprogress
Gantt
GanttEditor
Raty
WebUploader
匿名
匿名 您还未登录

NumberSpinner

Document
Native
Basic
Increment Number
Number Range
Number Spin Alignment
Fluid NumberSpinner
Plus
Extend

NumberSpinner Document

扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。
数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值,比如:数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。

文档汉化:

汉化人:王锦阳
汉化语言:简体中文
个人博客:http://blog.sina.com.cn/richie696

依赖关系:

用法:

使用标签创建数字微调组件。

				
<input id="ss" class="easyui-numberspinner" style="width:80px;"   
        required="required" data-options="min:10,max:100,editable:false"> 
				
			

使用Javascript创建数字微调组件。

				
<input id="ss" required="required" style="width:80px;">  
<script type="text/javascript">
$('#ss').numberspinner({    
    min: 10,    
    max: 100,    
    editable: false   
});  
</script>
				
			

创建数字微调组件并将数值格式化为货币字符串。

				
<input class="easyui-numberspinner" value="1234567890" style="width:150px;"   
        data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'" />  
				
			

属性:

本组件的属性完整继承自spinner(微调)和numberbox(数值输入框)。

事件:

本组件的事件完整继承自spinner(微调)。

方法:

本组件的方法扩展自spinner(微调),本组建新增的方法如下:

方法名 方法属性 描述
options none 返回属性对象。
setValue value 设置数字微调控件的值。

代码示例:
				
<script type="text/javascript">
$('#ss').numberspinner('setValue', 8234725);  // 设置值
var v = $('#ss').numberspinner('getValue');      // 获取值
alert(v);
</script>