PDA

View Full Version : [NOREPRO] data-qtip in column renderer not working in Chrome



bclinton
22 May 2014, 2:06 PM
I am trying to make a qtip appear on a grid column, depending on the value in the column. The following code works in Firefox, Opera and in Internet Explorer, but in Chrome no qtip appears when I roll over the cell with my pointer.



{
header : '',
dataIndex : 'found',
width : 24,
sortable : false,
menuDisabled : true,
align : 'center',
renderer : function(val,meta,rec)
{
var not_found_message;

if (val == 0)
{
not_found_message = 'The item was not found';

meta.tdCls = 'not-found-icon';
meta.tdAttr = 'data-qtip="'+not_found_message+'"';
}
return '';
}
},



I am using the public beta of ExtJS 5.

mitchellsimoens
23 May 2014, 4:47 AM
I used this test and I saw a tooltip in Chrome:


new Ext.grid.Panel({
renderTo : Ext.getBody(),
width : 400,
height : 400,
store : {
fields : ['foo'],
data : [
{
foo : 'bar'
}
]
},
columns : [
{
tetx : 'Foo',
dataIndex : 'foo',
flex : 1,
renderer : function(val, meta) {
meta.tdAttr = 'data-qtip="Test"';

return val;
}
}
]
});

evant
23 May 2014, 4:54 AM
It's an issue where Chrome is using maxTouchPoints = 1 on desktop, even if it doesn't support it. We have a work around in the code for it.