Flex实现DataGrid的序号列

要在Flex的DataGrid里添加序号列，大体上有两种方法：

1. 设置DataGridColumn的labelFunction。
   其大致的思路是，获取到当前DataGrid的dataProvider及当前行的data，调用getItemIndex方法获取到当前的行的序号。
   具体可参考 http://wmcai.blog.163.com/blog/static/480242008111115724283/。这种方法比较直观，也很容易想到。
   但重用性很差，其生成序号的labeldFunction无法重用。  
2. 设置DataGridColumn的ItemRenderer。
   即自定义一个itemRenderer来处理序列号的生成。这种方法重用性很高。至于如何生成序号，这里需要些小技巧。
   
   SequenceItemRenderer.as
    package com.carnation.component.common { import mx.collections.IList; import mx.controls.Label; import mx.controls.listClasses.BaseListData; import mx.controls.listClasses.ListBase; public class SequenceItemRenderer extends Label { public function SequenceItemRenderer() { super(); } // 另一种方法获取dataProvider并调用getItemIndex方法 // override public function set data(value:Object):void{ // super.data = value; // text = (((listData.owner as ListBase).dataProvider as IList) // .getItemIndex(data) + 1).toString(); // } override public function set listData(value:BaseListData):void{ super.listData = value; text = ((value.owner as ListBase).itemRendererToIndex(this) + 1).toString(); } } }
   
   
   Test.mxml
   <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()"> <mx:Script> <!--[CDATA[ import com.carnation.component.common.SequenceItemRenderer; private var indexRenderer:Class = SequenceItemRenderer; private function init():void{ var array:Array = []; for(var i:int = 1; i <= 10; i++){ array.push({name:"name"+i.toString()}); } grid.dataProvider = array; } ]]--> </mx:Script> <mx:DataGrid id="grid"> <mx:columns> <mx:DataGridColumn headerText="no" itemRenderer="{new ClassFactory(indexRenderer)}"/> <mx:DataGridColumn headerText="name" dataField="name"/> </mx:columns> </mx:DataGrid> </mx:Application>