数字输入框专门用于输入数字类型的字段,提供多种数字显示形式,包括百分比,货币符,负数等,并且可设置精度,四舍五入的处理
<wafctrl:numberField id="id" name="name" />
var options = {id:"nums"}
var dom = waf.createDOM("numberField", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("numberField", options, dom);
<input id="id" name="number" type="text" class="enter2tab ui-numberField form" ctrlrole="numberField" aria-disabled="false" style="" tabindex="0">
<!--DOM创建好之后,使用js初始化控件-->
$("#id").wafNumberField(options);
//调用方法
waf("#id").wafNumberField('method', parameter...);
//eg:获取和设置值
waf("#id").wafNumberField("getValue");
waf("#id").wafNumberField("setValue");
//eg:更改事件
waf("#id").wafNumberField("option","onchange",fn);
定义数字输入框的id
定义数字输入框的名称
设置是否开启千分位.
设置是否允许输入负数.
设置显示格式,包括:数字(‘number’)、货币(‘currency’)、百分比(‘percent’)、千分比(‘thousandth’).
设置货币符号.
设置数字的类型,bigdecimal代表浮点数,integer代表整数.
设置小数的精度.
规定数字输入框为禁用状态,既不可用,也不可点击,默认值为false,一般通过disable或者enable方法来修改禁用状态。
定义数字输入框是否不可见,可直接通过jquery自带的show方法或者hide方法来处理隐藏。
设置数字输入框最大值.
设置数字输入框最小值.
规定数字输入框为只读状态,不能修改,但可以选中或者拷贝,默认值为false
设置进位方式,包括:ceil(向上取整)、floor(向下取整)、round(四舍五入)
定义数字输入框的初始值,可以直接指定静态值或者绑定某个属性
定义按下tab键时数字输入框控件获得焦点的顺序
定义数字输入框的样式。一般不建议直接设置style,可以通过tagClass来扩展样式
定义数字输入框样式类,可以添加一个或多个
定义数字输入框的高度.一般通过class来设置,不建议直接编写height或者设置style属性。
定义数字输入框的宽度。一般不建议和style中的width和height重复定义,如果重复定义了,初始化时height和width优先级更高
数字输入框提示文字
数字输入框的显示状态控制,如果值为VIEW,则不显示编辑框。
获得或设置数字输入框某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值.[参考样例]
禁用数字控件.[参考样例]
启用数字控件.[参考样例]
取得控件的值.[参考样例]
设置控件的值.[参考样例]
当数字控件的值改变时,触发onchange事件.[参考样例]
数字输入框获得焦点时将触发onfocus事件
数字输入框失去焦点将触发onblur事件
数字输入框中的文本被选择时,将触发onselect事件
数字输入框被单击时将触发onclick事件
数字输入框被双击时将触发ondblclick事件
在数字输入框上释放按键时,将触发onkeyup事件
在数字输入框上按下键盘上的键时,将触发onkeydown事件
当浏览器捕获到数字输入框有键盘输入时触发onkeypress事件
当鼠标指针进入数字输入框内时,触发onmouseover事件
当鼠标指针在数字输入框内,并且鼠标按键被释放时,触发onmouseup事件
当鼠标指针在数字输入框内按下鼠标键时,触发onmousedown事件
当鼠标指针离开数字输入框时,触发onmouseout事件
当鼠标指针在数字输入框内移动时,触发onmousemove事件。