ExtJs3如何添加微調文本框

Question

我有文本框，可以輸入值（0,1,2,3，...）。我可以轉換爲使用jquery的文本框，但這與我的一些JS庫衝突所以我想使用ExtJs3將該文本框轉換爲微調框架，我該怎麼辦？請給出一些示例代碼，我將如何將文本框轉換爲微調框。

Answer 1

代替textfield組件，您可以使用Ext.ux.form.SpinnerField擴展名。此擴展名捆綁在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 
}