title: ExtJS 4.1 - Tooltip within XTemplate
body: <p>I have a treegrid "templatecolumn" that displays an image based on a condition in an XTemplate.</p>
  
  <p>However, I also would like an html formatted tooltip displayed upon mouseover of the image.  I've done this with Ext JS 3.x via ext:qtip metatdata attribute in a renderer, but haven't been able to figure out how to do this in Ext JS 4.1 using tpl and haven't found anything in my searching.</p>
  
  <p>Here's what I have to display the image based on a record value:</p>
  
  <pre><code>var myTemplate = new Ext.XTemplate( 
      '&lt;tpl if="p &amp;gt; 0"&gt;',
          '&lt;img src="exclamation.gif" height="16" width="16"/&gt;',
      '&lt;/tpl&gt;' 
  );
  
  var schedTree = Ext.create('Ext.tree.Panel', {
      ...
      columns:[
          { header:' ', dataIndex:'p',  xtype:'templatecolumn', tpl:myTemplate }
      ]
  }
  </code></pre>
  
  <p>Has anyone done this or have any suggestions?  Is there a better way to do this? Thanks</p>