easyUI NumberBox
2012-08-02 10:24
330 查看
@author YHC
继承至$.fn.validatebox.defaults.覆盖默认值$.fn.numberbox.defaults.
使用numberbox
让我们的用户只能输入数值类型,可以转换一个input元素到不同的类型,例如:numeric,percentage,
currency,等等...多数类型的input的定义
是依赖与'formatter'
和 'parser' 函数之上的.
validatebox
根据标记创建numberbox
属性继承至 validatebox, 以下是numberbox新增属性 .
方法继承至 validatebox, 以下是numberbox新增或者重写的方法.
以上如有错误信息,请指出,thanks!
继承至$.fn.validatebox.defaults.覆盖默认值$.fn.numberbox.defaults.
使用numberbox
让我们的用户只能输入数值类型,可以转换一个input元素到不同的类型,例如:numeric,percentage,
currency,等等...多数类型的input的定义
是依赖与'formatter'
和 'parser' 函数之上的.
相关依赖
validatebox
使用
根据标记创建numberbox <input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"></input>使用javascript创建numberbox
<input type="text" id="nn"></input>
$('#nn').numberbox({ min:0, precision:2 });
属性
属性继承至 validatebox, 以下是numberbox新增属性 .Name | Type | Description | Default |
---|---|---|---|
disabled | boolean | 定义是否禁用该文本框. | false |
value | number | 默认值. | |
min | number | 允许最下值. | null |
max | number | 允许最大值. | null |
precision | number | 小数分隔符之后的显示最大精度 . | 0 |
decimalSeparator | string | 小数分隔符分割整数和小数部分的数字. | . |
groupSeparator | string | 这个字符分割整数组,显示成千上百万的时候. | |
prefix | string | 前缀字符串. | |
suffix | string | 后缀字符串. | |
formatter | function(value) | 一个转换numberbox 值的函数.返回string值将显示到文本框. | |
parser | function(s) | 一个转换string的函数. 返回numberbox值. |
事件
Name | Parameters | Description |
---|---|---|
onChange | newValue,oldValue | 当文本框的值改变的时候触发. |
方法
方法继承至 validatebox, 以下是numberbox新增或者重写的方法.Name | Parameter | Description |
---|---|---|
options | none | 返回 numberbox options对象. |
destroy | none | 销毁 numberbox 对象. |
disable | none | 禁用组件. |
enable | none | 启用组件. |
fix | none | 修复值为有效值. |
setValue | value | 设置 numberbox 值. 示例代码: $('#nn').numberbox('setValue', 206.12); |
getValue | none | 得到 numberbox 值. Code example: var v = $('#nn').numberbox('getValue'); alert(v); |
clear | none | 清空numberbox 值. |
相关文章推荐
- [easyui]datagrid新增一行编辑时,给editor:'numberbox'赋初值不成功的解决办法
- easyui的numberbox赋值问题,不能用$('userId').val('aaa');赋值
- jQuery EasyUI NumberBox(数字框)的用法
- easyui numberbox一些常用属性,方法
- easyui numberbox precision属性
- jQuery EasyUI NumberBox(数字框)的用法
- 表单(中)-EasyUI Combogrid 组合网格、EasyUI Numberbox 数字框、EasyUI Datebox 日期框、EasyUI Datetimebox 日期时间框、EasyUI Calendar 日历
- easyui numberbox赋值
- easyUI NumberBox
- 关于easyui中numberbox赋值问题
- jquery easyui numberBox (数字框)
- jQuery EasyUI NumberBox(数字框)的用法
- easyui numberbox不可编辑
- Easyui NumberBox格式化展示
- EasyUI Numberbox onchange 绑定
- EasyUI Numberbox 保留两位小数
- easyui numberbox
- EasyUI numberbox
- input去边框+easyui-numberbox只能数字+input高亮
- easyui的numberbox赋值问题,不能用$('userId').val('aaa');赋值