Here itemRenderer comes into play.The below code will given on idea how this is achevied but you need to go through the Classes.
Flex App.mxml code
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:TitleWindow xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”700″ height=”300″
creationComplete=”projectsSrv.send();”>
<mx:HTTPService
id=”projectsSrv”
url=”projects.php.xml”
useProxy=”false” method=”POST”>
</mx:HTTPService>
<mx:DataGrid dataProvider=”{projectsSrv.lastResult.records.record}” width=”370″ x=”23″ y=”10″>
<mx:columns>
<mx:DataGridColumn dataField=”label”>
<mx:itemRenderer>
<mx:Component>
<mx:Label>
<mx:Script>
<![CDATA[
override public function set data(value:Object):void
{
super.data = value;
this.toolTip = data.label;
this.selectable = true;
super.invalidateDisplayList();
}
]]>
</mx:Script>
</mx:Label>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:TitleWindow>
projects.php.xml code.
<records>
<record data=”1″ label=”Corco”/>
<record data=”5″ label=”Shell Crop Protection”/>
<record data=”7″ label=”Olin McIntosh”/>
<record data=”9″ label=”Crab Orchard”/>
<record data=”10″ label=”Shell Oil Del Amo”/>
<record data=”11″ label=”AIG South Jersey Gas”/>
<record data=”12″ label=”Husch & Eppenberger Litigation-New York”/>
<record data=”22″ label=”Shell Sturbridge”/><record data=”24″ label=”Shell Southington”/>
<record data=”26″ label=”Olin Personal Injury”/>
</records>
The projects.php.xml is a xml file in the same directory. Now when you run the file you can see the Tooltip on the row element , similarly you can mention for other columns.
Enjoy the Post and code. Comment me for queries.


July 29, 2008 at 2:24 pm |
[...] View sample for “Tooltip for DataGrid Column Elements.” Post The actually post is made here. [...]
August 3, 2008 at 12:42 am |
It’s amazing
February 19, 2009 at 5:20 pm |
really awesome code