ExtJs3如何添加微调器文本框

Question

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

Answer 1

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

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

因此，如果您希望按1步执行，并且不允许出现负值，则您的喷丝头字段配置应为：

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