tooltip in a grid

[chechuironman]

Hey guys,

I have a grid which is loaded from a store. I want to add a tooltip to show all the content from a cell. How can I do it??

I dont know where to start...

thanks

[ashaihullin]

may be it would be better to use RowExpander extension!?

[Animal]

Use a DataTip

[Screamy]

I used a simple renderer to display the contents of a 'description' field in the grid's datastore:



function renderRoleQuickTip(value, metaData, record, rowIndex, colIndex, store) {
metaData.attr = 'ext:qtip="' + record.get('description') + '"';
return value;
}

var gridAssignedRoles = new Ext.grid.GridPanel({
columns: [
{header: 'Assigned Roles', width: 200, dataIndex: 'role', renderer: renderRoleQuickTip},
{header: 'Role ID', width: 40, dataIndex: 'roleId', hidden: true},
{header: 'Sort Order', width: 40, dataIndex: 'sortOrder', hidden: true},
{header: 'Top Level', width: 40, dataIndex: 'topLevel', hidden: true},
{header: 'Description', width: 40, dataIndex: 'description', hidden: true}
],
<...snip...>