Hi, I'm using the following code to create tooltips on UniTreeview nodes. It works just fine. But I'd like to sometimes only show the tooltip when the user mouses over the icon instead of the whole line. How can I do that? Thanks.
NavTree.ClientEvents.ExtEvents.Values['viewready'] :=
'function viewready(sender, eOpts) '+
'{ '+
' sender.view.tip = Ext.create(''Ext.tip.ToolTip'', { '+
' target: sender.view.el,'+
' delegate: sender.view.cellSelector, '+
' trackMouse: true, '+
' showDelay: 500, '+
' hideDelay: 10, '+
' dismissDelay: 0, ' + // since the tip could be long, keep the tooltip up as long as mouse is over
' componentCls: ''overviewTip'', ' +
' renderTo: Ext.getBody(), '+
' listeners: { '+
' beforeshow: function updateTipBody(tip) { '+
' gridColums = sender.view.getGridColumns(); '+
' column = gridColums[tip.triggerElement.cellIndex]; '+
' record = sender.view.getRecord(tip.triggerElement.parentNode); '+
' cellTd = sender.view.getCell(record, tip.triggerElement.cellIndex); ' +
' if (cellTd) { ' +
' cellInnerDiv = cellTd.querySelector(''.x-grid-cell-inner''); ' +
' if (cellTd.hasAttribute("coverview")) { ' +
' tip.update(cellTd.getAttribute("coverview")); }' +
' else ' +
' if ((cellInnerDiv.scrollWidth > cellInnerDiv.offsetWidth) ){' +
// ' && cellTd.hasAttribute(''overflow-tooltip'')){ '+
' tip.update(record.data.text); '+
' } else { '+
' return false; '+
' } '+
' } ' + // if celltd
' else { '+
' return false; '+
' } '+
' } '+
' } '+
' }); ' +
'} ';