docs/source/Img.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5   <title>The source code</title>
   6   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
   8   <style type="text/css">
   9     .highlight { display: block; background-color: #ddd; }
  10   </style>
  11   <script type="text/javascript">
  12     function highlight() {
  13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14     }
  15   </script>
  16 </head>
  17 <body onload="prettyPrint(); highlight();">
  18   <pre class="prettyprint lang-js"><span id='Ext-Img'>/**
  19 </span> * @class Ext.Img
  20  * @extends Ext.Component
  21  *
  22  * Simple helper class for easily creating image components. This simply renders an image tag to the DOM
  23  * with the configured src.
  24  *
  25  * {@img Ext.Img/Ext.Img.png Ext.Img component}
  26  *
  27  * ## Example usage:
  28  *
  29  *     var changingImage = Ext.create('Ext.Img', {
  30  *         src: 'http://www.sencha.com/img/20110215-feat-html5.png',
  31  *         renderTo: Ext.getBody()
  32  *     });
  33  *
  34  *     // change the src of the image programmatically
  35  *     changingImage.setSrc('http://www.sencha.com/img/20110215-feat-perf.png');
  36 */
  37 Ext.define('Ext.Img', {
  38     extend: 'Ext.Component',
  39     alias: ['widget.image', 'widget.imagecomponent'],
  40 <span id='Ext-Img-cfg-src'>    /** @cfg {String} src The image src */
  41 </span>    src: '',
  42
  43     getElConfig: function() {
  44         return {
  45             tag: 'img',
  46             src: this.src
  47         };
  48     },
  49
  50     // null out this function, we can't set any html inside the image
  51     initRenderTpl: Ext.emptyFn,
  52
  53 <span id='Ext-Img-method-setSrc'>    /**
  54 </span>     * Updates the {@link #src} of the image
  55      */
  56     setSrc: function(src) {
  57         var me = this,
  58             img = me.el;
  59         me.src = src;
  60         if (img) {
  61             img.dom.src = src;
  62         }
  63     }
  64 });
  65 </pre>
  66 </body>
  67 </html>