ExtJs3如何添加微调器文本框

【问题标题】：ExtJs3 how to add spinner textboxExtJs3如何添加微调器文本框
【发布时间】：2014-01-23 06:05:45
【问题描述】：

我有可以输入值的文本框 (0, 1, 2, 3, ...)。我可以使用 Jquery 转换为文本框，但这与我的一些 JS 库冲突所以我想使用 ExtJs3 将该文本框转换为微调器，我该怎么办？请给出一些示例代码我将如何将文本框转换为微调器。

【问题讨论】：

标签： extjs extjs3

【解决方案1】：

您可以使用Ext.ux.form.SpinnerField 扩展来代替textfield 组件。此扩展程序捆绑在 examples/ux 文件夹中的 ExtJs 3.4 库中。

您可以在此处找到实时示例：http://cdn.sencha.com/ext/gpl/3.4.1.1/examples/spinner/spinner.html

因此，如果您希望逐步增加 1 并且不允许负值，您的 spinnerfield 配置应该是：

{
    xtype: 'spinnerfield',
    fieldLabel: 'Test',
    name: 'test',
    minValue: 0,
    allowDecimals: false,
    incrementValue: 1,
    accelerate: true
}

【讨论】：

是的，这个扩展也存在于 3.2 版本中。