DataGrid添加自动行号

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"fontSize="12" layout="vertical">

<mx:Script>

<![CDATA[

import mx.collections.ArrayCollection;

import mx.controls.Alert;

private var dataAry:ArrayCollection = new ArrayCollection([{id:1, name:"AIR 酒店管理系统硬件配置", pubDate:"2009-3-31 16:00:00"},{id:2, name:"AIR 制作档案管理系统", pubDate:"2009-3-9 0:30:00"},{id:3, name:"AIR 操作 SQLite 数据库", pubDate:"2009-3-9 0:30:00"},{id:4, name:"CSSFLEX示例RSS", pubDate:"2009-2-25 10:40:00"},{id:5, name:"魔术之读心术", pubDate:"2009-2-24 1:05:00"},{id:6, name:"股市走线图(ASP)", pubDate:"2009-2-24 12:30:00"},{id:7, name:"FLEX DEMO 导航", pubDate:"2009-2-15 21:40:00"},{id:8, name:"Flex Chart Sytles", pubDate:"2009-2-15 22:18:00"}])

;private function lfRowNum(oItem:Object,iCol:int):String{

var iIndex:int = dataAry.getItemIndex(oItem) + 1;

return String(iIndex);}

]]>

</mx:Script>

<mx:DataGrid id="dg" dataProvider="{dataAry}" height="220">

<mx:columns>

<mx:Array>

<mx:DataGridColumn headerText="自动ID" labelFunction="lfRowNum"  width="60" />

<mx:DataGridColumn headerText="ID" dataField="id"   width="40"/>

<mx:DataGridColumn headerText="DEMO Name" dataField="name"   width="160"/>

<mx:DataGridColumn headerText="发布时间" dataField="pubDate"  width="150"/>

</mx:Array>

</mx:columns>

</mx:DataGrid>

</mx:Application>