I've got a grid with a long string in one of the columns. I would like the full string to appear when the user mouses over any cell in this column.
So far I have it working where a tooltip pops up for any cell in this column but they don't display the text. The tooltip always just says "Icon Tip".
How do I get the qtip to display the variable val instead of the string "Icon Tip"?
Ext.define('AM.view.user.List' , {
extend: 'Ext.grid.Panel',
.......
initComponent: function() {
function renderTip(val, meta, rec, rowIndex, colIndex, store) {
meta.tdAttr = 'data-qtip="Icon Tip"';
return val;
};
this.columns = [
{header: 'First Name', dataIndex: 'FirstName', width: 75},
{header: 'Last Name', dataIndex: 'Last', width: 75},
{header: 'Perm', dataIndex: 'Perm', width: 75},
{header: 'Comment', dataIndex: 'Comments', width: 150, renderer: renderTip}
];
this.callParent(arguments);
}
});
Figured it out on the sencha forums, the correct code would be:
function renderTip(value, metaData, record, rowIdx, colIdx, store) {
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
};
I guess there was some string/variable concatenation I needed to use
http://www.sencha.com/forum/showthread.php?179016-Grid-cell-tooltip