Question

在该代码中，我希望每当点击spinnerfield时spinnerfield的值增加，该时间动态地改变textfield值的值。

Ext.setup
({
    icon: 'icon.png',
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    glossOnIcon: false,
    onReady: function() 
  {

new Ext.Panel
({

  fullscreen:'true',

      items:[
              {   
                 xtype  : 'spinnerfield',
                 name:'sp',
              width:'20%',
                  height:'13%',
              minValue: 0,
              },
             {
               xtype:'textfield',
                   name:'price',
               height:'13%',
                   width:'8%', 
                   html:'<b>350</b>',
           }

    ]

});

 }

});

Answer 1

你可以听到3个事件：'spin'，'spindown'，'spinup'。参考：http://docs.sencha.com/touch/1-1/#!/api/Ext.form.Spinner-event-spin

首先将“new Ext.Panel”更改为“var myPanel = new Ext.Panel”，以便您可以访问面板以获取文本字段并更改其内容。

然后为你的spinnerfield实现eventlistener：

{   
    xtype  : 'spinnerfield',
    name:'sp',
    width:'20%',
    height:'13%',
    minValue: 0,
    listeners: {
        spin: function(thisSpinner, numberValue, directionString) {
            // Get the text field:
            var textField = yourPanel.items.get(1);
            // Update the text field:
            textField.setValue("your new value");
        }
    }
},

每当我点击spinnerfield时spinnerfield的值增加我想动态改变textfield值的值

1 个答案: