PDA

View Full Version : tooltip in a grid



chechuironman
10 Aug 2010, 1:01 AM
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
12 Aug 2010, 9:24 AM
may be it would be better to use RowExpander extension!?

Animal
12 Aug 2010, 9:37 AM
Use a DataTip

Screamy
13 Aug 2010, 11:45 AM
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...>