自定义DataGrid排序图标

先来看演示：

关于DataGrid的文章已经发布好几篇了，由于此示例很简单。就只沿用第一个实例的代码。

源代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
<mx:Style>
Application{fontSize:12;}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.rpc.events.FaultEvent;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
[Bindable]
private var homesForSale:ArrayCollection;
private function initApp():void{
this.srv.send();
}
internal function completeHandler(evt:ResultEvent):void{
grid.dataProvider = evt.result.rss.channel.item;
}
internal function errorHandler(evt:FaultEvent):void{
trace("error:"+evt.fault);
}
]]>
</mx:Script>
<mx:HTTPService id="srv" url="http://www.people.com.com/rss/world.xml" result="completeHandler(event)" showBusyCursor="true" fault="errorHandler(event)" />
<mx:DataGrid id="grid" width="500" height="400" sortArrowSkin="@Embed('images/down.png')" rowCount="10">
<mx:columns>
<mx:DataGridColumn headerText="标题" dataField="title" />
<mx:DataGridColumn headerText="链接" dataField="link" />
<mx:DataGridColumn headerText="发布日期" dataField="pubDate" />
</mx:columns>
</mx:DataGrid>
</mx:Application>

想要修改排序图标关键是一个属性：sortArrowSkin=”@Embed(‘images/down.png’)”

跟作者说两句