/** * @class Ext.Img * @extends Ext.Component * * Simple helper class for easily creating image components. This simply renders an image tag to the DOM * with the configured src. * * {@img Ext.Img/Ext.Img.png Ext.Img component} * * ## Example usage: * * var changingImage = Ext.create('Ext.Img', { * src: 'http://www.sencha.com/img/20110215-feat-html5.png', * renderTo: Ext.getBody() * }); * * // change the src of the image programmatically * changingImage.setSrc('http://www.sencha.com/img/20110215-feat-perf.png'); */ Ext.define('Ext.Img', { extend: 'Ext.Component', alias: ['widget.image', 'widget.imagecomponent'], /** @cfg {String} src The image src */ src: '', getElConfig: function() { return { tag: 'img', src: this.src }; }, // null out this function, we can't set any html inside the image initRenderTpl: Ext.emptyFn, /** * Updates the {@link #src} of the image */ setSrc: function(src) { var me = this, img = me.el; me.src = src; if (img) { img.dom.src = src; } } });