javascript - Ext Js 添加事件到 html 元素

Question

如何将 onChange 事件添加到在另一个组件内呈现的 html 元素

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

我想将以下事件监听器添加到输入元素:

   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());
        }); 
    }
}

Simple fiddle