extjs - Adding tooltip to an image -

extjs - Adding tooltip to an image -

can't understand why code isn't working, there way display tooltip on image extjs?

var img = ext.create('ext.img', { src : 'img/ampoule.png', width : 30 }); var tip = ext.create('ext.tip.tooltip', { target: img.getel(), html: 'tooltip' });

my image in dockeditems of treepanel :

dockeditems: [{ xtype: 'toolbar', dock: 'top', items: [{ fieldlabel: 'search', /*****code code code everywhere*****/ } , img ] }]

problem can image component created not rendered page content when trying add together tooltip image component's element.

try add together tooltip after image component rendered:

var img = ext.create('ext.img', { src: 'http://www.sencha.com/img/v2/logo.png', width: 300, renderto: ext.getbody(), listeners: { afterrender: function(c) { ext.create('ext.tip.tooltip', { target: c.getel(), html: 'tooltip' }); } } });

fiddle example: https://fiddle.sencha.com/#fiddle/6ta

extjs extjs4.2