ExtJS設置textareafield setValue（）

Question

我正在學習Extjs並遇到問題，當我嘗試將新文本附加到項目時我得到一個錯誤tf.setValue不是 getValue 的功能相同。 當我嘗試setVisible它的工作原理應該如此。

Ext.Loader.setConfig({enabled:true});

Ext.application({
    name: 'app',
    controllers:[
  ],
    appFolder: 'app',
    launch: function() {
        var panel = new Ext.form.FormPanel({
          renderTo:Ext.getBody(),
          title:'Panel',
          width:400,
          bodyPadding: 10,
          autoHeight:true,
          items:[{
            xtype:'textareafield',
            name: 'textInput',
            id:'textId',
            value:'why not'
          },{
            xtype:'button',
            text:'Helllo',
            handler:function(){
              console.log('button click')
              var tf = Ext.get('textId');
                    tf.setValue('This should change!')
            }
          }],
        });
    }
});

謝謝

Answer 1

那是因為Ext.get()將返回一個Ext.Element 。

你想要使用的是Ext.getCmp('textId') ，它將返回組件。

Element基本上是圍繞Dom元素的Ext包裝器，所以它有像setVisible這樣的方法，但是你想得到文本區域組件，它包含你想要的所有方法。