easyUI NumberSpinner
@author YHC
从 $.fn.spinner.defaults 和$.fn.numberbox.defaults继承,覆盖默认值 $.fn.numberspinner.defaults
numberspinner 创建是基于spinner 和numberbox,可以转换输入的值到不同的类型,例如,numeric, percentage, current, 等等.也可以使用 up/down spinner 按钮滚动到一个期望的值.
相关依赖
spinner
numberbox
使用示例
从标签创建numberspinner
[html]
<input id="ss" class="easyui-numberspinner" style="width:80px;"
required="required" data-options="min:10,max:100,editable:false">
<input id="ss" class="easyui-numberspinner" style="width:80px;"
required="required" data-options="min:10,max:100,editable:false"> 使用javascript创建numberspinner
[html]
<input id="ss" required="required" style="width:80px;">
<input id="ss" required="required" style="width:80px;"> [javascript] view plaincopyprint?$('#ss').numberspinner({
min: 10,
max: 100,
editable: false
});
$('#ss').numberspinner({
min: 10,
max: 100,
editable: false
}); 创建numberspinner 和转换数字作为一个货币字符串
[html]
<input class="easyui-numberspinner" value="1234567890" style="width:150px;"
data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'" />
<input class="easyui-numberspinner" value="1234567890" style="width:150px;"
data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'" />
属性
属性从 spinner and numberbox继承.
事件
事件从 spinner继承.
方法
方法从spinner继承,下面是numberspinner重写的方法.
Name Parameter Description
options none 返回 options 对象.
setValue value 设置 numberspinner 值.
示例代码:
$('#ss').numberspinner('setValue', 8234725); //设置值
var v = $('#ss').numberspinner('getValue'); // 得到值
alert(v)
以上如有错误信息,请指出,thanks!
作者:yhc13429826359
推荐阅读
-
jquery easyui combobox模糊过滤(示例代码)
-
给Easyui-Datebox设置隐藏或者不可用的解决方法
-
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)
-
abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十五)
-
完美实现保存和加载easyui datagrid自定义调整列宽位置隐藏属性功能
-
初识通用数据库操作类——前端easyui-datagrid,form(php)
-
easyUI combobox实现联动效果
-
用easyui实现查询条件的后端传递并自动刷新表格的两种方法
-
easyUI下拉列表点击事件使用方法
-
EasyUI的treegrid组件动态加载数据问题的解决办法