Kalen Gibbons » dataTipField http://www.kalengibbons.com/blog The Dead Tree Blog Mon, 24 Oct 2011 20:43:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Displaying DataTips when using an itemRenderer http://www.kalengibbons.com/blog/index.php/2008/12/displaying-datatips-when-using-an-itemrenderer/ http://www.kalengibbons.com/blog/index.php/2008/12/displaying-datatips-when-using-an-itemrenderer/#comments Sat, 13 Dec 2008 20:25:21 +0000 Kalen Gibbons http://www.kalengibbons.com/blog2/?p=77 One of the bad things about using itemRenderers in a DataGridColumn is that you lose the dataTip functionality that it normally provides. Well, here is a way to fake that functionality.

First, add the dataTipField or dataTipFunction to the DataGridColumn like you normally would.

<mx:DataGridColumn  headerText="DataTip"

dataField="name1"
showDataTips="true"
dataTipField="description1" />

Then, in your itemRenderer add the following code to be able to tap into that information and display a tooltip instead.

private function getToolTip():String{

var dg:DataGrid = listData.owner as DataGrid;
var func:Function = dg.columns[listData.columnIndex].dataTipFunction;

if(func != null){

return func.call(this, this.data);

}else if(dg.columns[listData.columnIndex].dataTipField.length){

return data[dg.columns[listData.columnIndex].dataTipField];

}else{

return "";

}

}

 

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{

super.updateDisplayList(unscaledWidth, unscaledHeight);
this.toolTip = getToolTip();

}

This works with both dataTipFields and dataTipFunctions and lets you treat the dataTips in your columns the same way, regardless of whether you’re using an itemRenderer or not. The only minor difference is the positioning of the label, but that can be easily modified with styles. You can download the full source code here, for a functional example of how this works.



 

]]> http://www.kalengibbons.com/blog/index.php/2008/12/displaying-datatips-when-using-an-itemrenderer/feed/ 8