view
/**
* This example shows how to use the number field.
* 这个例子就是说怎么使用数字文本
*/
Ext.define('KitchenSink.view.form.Number', {
extend: 'Ext.form.Panel',//注意哦,之前的表格都是继承的Ext.grid.Panel
xtype: 'form-number',
title: 'Number fields with spinner',
bodyPadding: 5,
frame: true,
width: 340,
defaultType: 'numberfield',
fieldDefaults: {
labelWidth: 110,
anchor: '100%'
},
items: [{
fieldLabel: 'Default',
name: 'basic',
value: 1,
minValue: 1,
maxValue: 125
}, {
fieldLabel: 'With a step of 0.4',
name: 'test',
minValue: -100,
maxValue: 100,
allowDecimals: true,
//允许小数
decimalPrecision: 1,
step: 0.4
}, {
//设置为true时隐藏trigger按钮,只显示为基础的文本框。
hideTrigger: true,
fieldLabel: 'Without spinner',
name: 'without_spinner'
}]
});