title: Can I draw a border around a sprite image (ExtJS)?
body: <p>I have a sprite image that i have added to a drawComponent instance.
  On click of that sprite, I want to draw a border around that image.</p>
  
  <pre><code>var myImg=surface.add({
              type: "image",
              src: &lt;some path&gt;,
              x:50,
              y:50,
              height:100,
              width:100,            
              draggable:true
          });
  </code></pre>
  
  <p>I also tried using the addCls() method  to include this CSS</p>
  
  <pre><code>.imgCls
  {
  border-style:solid;
  border-color: black;
  border-width: 5px;
   }
  </code></pre>
  
  <p>But I don't find it drawing any border aroound the image. </p>
  
  <p>Please help. Thanks !</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Used setStyle() method and redrew the image. </p>
  
  <pre><code>myImg.setStyle('border','5px solid #000000');
  myImg.redraw();
  </code></pre>
  
  <p>No border is drawn and no errors reported either.</p>