View Full Version : QTips on Individual Icon in single Grid Column

19 Nov 2009, 1:04 AM

I want to put a Qtip on an individual icon that resides in a single column

I.e. there may be many icons in the one column

Been searching for a while - most examples have the target: el
But this means that my icons would have to have the same ID - not ideal and then the same content.

I found this but I cant see how to attach this to an element inside the column
p.attr = 'ext:qtip="some tooltip" ext:qtitle="Tooltip Title!"';

Any 'tips' appreciated


19 Nov 2009, 2:08 AM
I assume you are rendering multiple <img> tags in the column using a renderer?

<img> tags can also have ext:qtip attributes, e.g.

renderer: function(){
return '<img src="a.gif" ext:qtip="Tooltip for A" /><img src="b.gif" ext:qtip="Tooltip for B" />'

19 Nov 2009, 7:05 AM
Ahh cool - appreciate that - will give it a test now

Assume this will not validate though against W3C. Is there a possible solution that validates and accomplishes what you have suggested?



20 Nov 2009, 12:54 AM
To get valid XHTML you need to declare the ext namespace, e.g.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ext="http://www.extjs.com" xml:lang="en" lang="en">