Tooltip with dynamic content

[caspar.jespersen]

Hello,

I'm modifying a web solution, which is based on Ext JS 3.3.0.
What I wanna do now, is to create an Ext Tooltip on a number of elements.

I want to make this easy for myself, so I was thinking something like - all the elements I want to have a tooltip on, should have a selector (ie. class "tooltip-active") and an attribute with the tooltip value.

I've been messing around a lot, but I can't seem to find the correct solution. At the moment, this is my code.

var mainTooltip = new Ext.ToolTip({
   target:Ext.select('.tooltip'),
   width:200,
   html: 'Test',
});

Ext.getBody().addListener("mouseover", function(event, target){
	// code to modify tooltip value based on the attribute
});

1) My selector in the tooltip seems to be wrong, however, I have never developed in Ext before so maybe you guys can help me out on the smartest solution for this one?

2) I made some code to check if the tooltip attribute is set, if so, changing the DOM. I noticed, however, that changing the DOM won't update the HTML content - is there any easy way to fix this?

Thanks in advance!
Caspar

[Condor]

I suggest having a look at how Animal's DataTip user extension does this.