如何從ExtJs中的輸入組件元素獲取值

Question

這是我的代碼：

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

如您所見，每次嘗試在輸入中按下鍵時，我都試圖輸出輸入的值。 但是，控制台輸出的錯誤為：“未捕獲的TypeError：對象[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混淆