Extjs4, как получить одно значение текстового поля?

Question

var confirmWindow = Ext.create('Ext.window.Window', { 
    title: 'Selected Item List', 
    autoHeight: true, 
    width: 500, 
    layout: 'fit', 
    modal: true, 
    items: [{ 
     xtype: 'panel', 
     bodyPadding : 5, 
     items: [{ 
      xtype: 'textfield', 
      id : 'freightFee', 
      fieldLabel: 'Freight Fee ', 
      name : 'freight' // I need this value, when I click the button 
     }] 
    }], 
    bbar: ['->', { 
     xtype: 'buttongroup', 
     items: [{ 
      text: "test", 
      handler: function() { 
       // I want to get the textfield value (freightFee) 
       var freightFee = Ext.getCmp('freightFee').getValue(); // error :Ext.getCmp('freightFee') is undefined 
       } 
      }] 
      } 
     }); 

У меня есть окно, как указано выше, и я хочу получить значение ввода ввода текста, когда я нажимаю кнопку.

Я попытался,

var freightFee = Ext.getCmp('freightFee').getValue(); 

, но говорят, сообщение об ошибке,

Ext.getCmp ('freightFee') не определено

кто-нибудь знает это?

спасибо!

Answer 1

Не используйте getCmp когда-либо! Это очень дорого и не нужно. Проверьте up/down методы, чтобы найти элементы родителей/детско http://docs.sencha.com/ext-js/4-0/#!/api/Ext.Element-method-down

В вашем случае что-то подобное должно работать:

handler: function(button) { 
    var tf = button.up('window').down('#freightFee'); 
}