返回介绍

jQuery EasyUI 表单插件 – Spinner 微调器

发布于 2018-05-28 02:44:06 字数 2628 浏览 1076 评论 0 收藏 0

pre { white-space: pre-wrap; } jQuery EasyUI 插件

扩展自 $.fn.validatebox.defaults。通过 $.fn.spinner.defaults 重写默认的 defaults。

微调器(spinner)把可编辑的文本框和两个小按钮结合起来,允许用户从某个范围的值中进行选择。与组合框(combobox)相似,微调器(spinner)允许用户输入一个值,但是它买i有下拉列表。微调器(spinner)是创建其他微调器组件(比如:数值微调器 numberspinner、时间微调器 timespinner,等等)的基础组件。

依赖

  • validatebox

用法

微调器(spinner)应该使用 javascript 进行创建。从标记创建是不允许的。

<input id="ss" value="2">
$('#ss').spinner({
    required:true,
    increment:10
});

属性

该属性扩展自验证框(validatebox),下面是为微调器(spinner)添加的属性。

名称类型描述默认值
widthnumber该组件的宽度。auto
heightnumber该组件的高度。该属性自版本 1.3.2 起可用。22
valuestring初始值。
minstring允许的最小值。null
maxstring允许的最大值。null
incrementnumber点击微调器按钮时的增量值。1
editableboolean定义用户是否可以往文本域中直接输入值。true
disabledboolean定义是否禁用文本域。false
spinfunction(down)当用户点击微调按钮时调用的函数。'down' 参数指示用户是否点击了向下微调按钮。

事件

名称参数描述
onSpinUpnone当用户点击向上微调按钮时触发。
onSpinDownnone当用户点击向下微调按钮时触发。

方法

该方法扩展自验证框(validatebox),下面是为微调器(spinner)添加的方法。

名称参数描述
optionsnone返回选项(options)对象。
destroynone销毁微调器(spinner)组件。
resizewidth重置组件的宽度。通过传递 'width' 参数来重写初始宽度。
代码实例:
$('#ss').spinner('resize');  // resize with original width
$('#ss').spinner('resize', 200);  // resize with new width
enablenone启用组件。
disablenone禁用组件。
getValuenone获取组件的值。
setValuevalue设置组件的值。
clearnone清除组件的值。
resetnone重置组件的值。该方法自版本 1.3.2 起可用。
jQuery EasyUI 插件

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文