Ext Js 向 html 元素添加事件

Question

如何將 onChange 事件添加到我在另一個組件中呈現的 html 元素

  xtype: 'component',
                        html: {
                            html: '<input  type= "color" />'
                        },
                        itemId: 'colorPicker'
                    },

我想將以下事件偵聽器添加到輸入 elelement：

   theInput.addEventListener("input", function() {

   <<Do something with theColor value here>>

    }, false); 

Answer 1

在你的情況下，代碼是這樣的：

html: '<input id=\'colorPickerBackground\' type=\'color\'></input>',
listeners: {
    afterrender: function(component) {
        var colorInput = component.getEl().down('#colorPickerBackground');
        colorInput.on('input', function() {
            console.log(colorInput.getValue());
        }); 
    }
}

簡單的小提琴