Ext Js将事件添加到html元素

Question

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

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

我想将以下eventlistener添加到输入元素：

   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