javascript - ExtJS 设置文本区域 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 之类的方法，但您想要获取文本区域组件，它具有您想要的所有方法。