We can use Spark DataGrid's showDataTips and dataTipFunction properties to show customized tool tips on the rows.
An example showing this:
An example showing this:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
initialize="onInitialize()"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.utils.StringUtil;
private static function fnDataTip(item:Object, column:GridColumn):String
{
var toolTip:String = item[column.dataTipField != null ? column.dataTipField : column.dataField];
if (toolTip == null || StringUtil.trim(toolTip) == "")
toolTip = "";
if (item.hasOwnProperty("toolTipComment") && item.toolTipComment != null && item.toolTipComment.length > 0)
return (toolTip == "") ? item.toolTipComment : (toolTip + "\n" + item.toolTipComment);
else
return toolTip;
}
[Bindable]
private var acDataProvider:ArrayCollection = new ArrayCollection();
private function onInitialize():void
{
acDataProvider.addItem({ code: "A", value: "10" });
acDataProvider.addItem({ code: "B", value: "20", toolTipComment: "ToolTip comment" });
}
]]>
</fx:Script>
<s:DataGrid
dataProvider="{acDataProvider}"
showDataTips="true"
dataTipFunction="fnDataTip">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="code"
headerText="Code"/>
<s:GridColumn dataField="value"
headerText="Value"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
Comments