网博开发者社区

 找回密码
 立即注册
搜索
查看: 85|回复: 0

jQuery EasyUI 入门(35)

[复制链接]

59

主题

67

帖子

254

积分

老师

积分
254
发表于 2018-11-16 13:17:50 | 显示全部楼层 |阅读模式
NumberSpinne
扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。
数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值,比如:数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。
使用案例
使用标签创建数字微调组件。


  • <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创建数字微调组件。


  • <input id="ss" required="required" style="width:80px;">

        <input id="ss" required="required" style="width:80px;">


  • $('#ss').numberspinner({
  •     min: 10,
  •     max: 100,
  •     editable: false
  • });

        $('#ss').numberspinner({                min: 10,                max: 100,                editable: false        });
创建数字微调组件并将数值格式化为货币字符串。


  • <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(微调)和numberbox(数值输入框)。
事件
本组件的事件完整继承自spinner(微调)。
方法
本组件的方法扩展自spinner(微调),本组建新增的方法如下:
方法名称方法参数描述
optionsnone返回属性对象。
setValuevalue设置数字微调控件的值。 代码示例:
$('#ss').numberspinner('setValue', 8234725);  // 设置值var v = $('#ss').numberspinner('getValue');      // 获取值alert(v);

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|网博开发者社区 ( 苏ICP备05021715号-1 )

GMT+8, 2018-12-12 03:04 , Processed in 0.067744 second(s), 26 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表