EasyUI jQuery NumberSpinner 小部件

EasyUI是一个基于jQuery的UI框架，其中包含许多小部件，包括NumberSpinner。该小部件提供了一个可视化的数字输入框，可用于设置数值的增量和减量。

特点

• 支持自定义增量和减量
• 支持设置最大值和最小值
• 支持禁用/启用操作
• 方便易用的JavaScript API

使用示例

HTML代码

<input id="numberspinner" type="text">

JavaScript代码

$('#numberspinner').numberspinner({
    min: 0,
    max: 100,
    increment: 10
});

以上代码将生成一个范围在0到100之间，每次增加或减少10的数字输入框。

JavaScript API

以下是可用的JavaScript API列表：

属性

| 属性 | 类型 | 说明 | | --- | --- | --- | | value | number | 获取或设置当前值 | | min | number | 获取或设置最小值 | | max | number | 获取或设置最大值 | | increment | number | 获取或设置增量 |

方法

| 方法 | 参数 | 返回值 | 说明 | | --- | --- | --- | --- | | getValue | 无 | number | 获取当前值 | | setValue | value:number | 无 | 设置当前值 | | enable | 无 | 无 | 启用输入框 | | disable | 无 | 无 | 禁用输入框 |

结论

EasyUI jQuery NumberSpinner 小部件是一个功能强大的数字输入框，具有自定义增量和减量、设置最大值和最小值、启用或禁用等功能。它易于使用，可以通过简单的JavaScript API进行自定义和控制。