ExtJs3 как добавить текстовое поле spinner

Question

У меня есть текстовое поле, которое может вводить значение (0, 1, 2, 3, ...). Я могу конвертировать в текстовое поле с помощью Jquery, но это противоречит моей библиотеке JS. Итак, я хочу преобразовать это текстовое поле в spinner, используя ExtJs3, как я могу это сделать? пожалуйста, дайте некоторый пример кода, как я могу преобразовать текстовое поле в качестве счетчика.

Answer 1

Вместо textfield компонента вы можете использовать Ext.ux.form.SpinnerField расширение. Это расширение поставляется в библиотеке ExtJs 3.4 в папке examples/ux.

Живой пример, который вы можете найти здесь: 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 
}