1 //Ext.form.field.Spinner示例
2 Ext.onReady(
function(){
3 Ext.create('Ext.form.Panel'
,{
4 title:'Ext.form.field.Spinner示例'
,
5 bodyStyle:'padding:5 5 5 5',
//表单边距
6 frame :
true,
7 height:140
,
8 width:250
,
9 renderTo :Ext.getBody(),
10 defaults:{
//统一设置表单字段默认属性
11 labelSeparator :'：',
//分隔符
12 width : 200,
//字段宽度
13 labelAlign : 'left'
//标签对齐方式
14 },
15 items:[{
16 xtype : 'spinnerfield'
,
17 fieldLabel:'微调字段'
,
18 id : 'salary',
//组件id
19 value : 100,
//初始化字段值
20 onSpinUp :
function(){
21 var salaryCmp = Ext.getCmp('salary');
//通过组件id获取组件对象
22 //增加默认值
23 salaryCmp.setValue(Number(salaryCmp.getValue()) + 1
);
24 },
25 onSpinDown :
function(){
26 var salaryCmp = Ext.getCmp('salary'
);
27 //减小默认值
28 salaryCmp.setValue(Number(salaryCmp.getValue()) - 1
);
29 }
30 },{
31 xtype:'numberfield'
,
32 fieldLabel:'这个貌似也行'
,
33 value:100
34
35 }]
36 });
37
38 });
39
转载于:https://www.cnblogs.com/huzi007/archive/2013/04/26/3045456.html
