X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/source/Img.html diff --git a/docs/source/Img.html b/docs/source/Img.html new file mode 100644 index 00000000..8e22709e --- /dev/null +++ b/docs/source/Img.html @@ -0,0 +1,45 @@ +
\ No newline at end of file/** + * @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 + }; + }, + + /** + * 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; + } + } +}); +