如何从ExtJs中的输入组件元素获取值

Question

这是我的代码：

xtype: 'component',
autoEl: {
    html: '<input type="text">'
},
listeners: {
    render: function(_component) {
        _component.getEl().on('keyup', function(e) {
            console.log(_component.getValue());
        });
    }
}

正如您所看到的，每次在输入中按下某个键时，我都会尝试输出输入值。但是，控制台输出一个错误，上面写着“Uncaught TypeError：Object [object Object]没有方法'getValue'”

如何获取此文本框的值？

Answer 1

我认为最好以“ExtJS”方式声明事件。

xtype: 'panel',
items: [
    { xtype: 'textfield', id: 'inputtext' }
]

在你的控制器中：

onLaunch: function () {
    this.control({
        '#inputtext': {
            keyup: function(e) {
               console.log(e.getValue());
            }
        }
    });
}

我的想法是ExtJS真的不喜欢我们直接搞乱DOM