How to iterate over the datagrid columns
Submitted by softologi on Sun, 01/24/2010 - 17:41
How to iterate over the data grid columns
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="onCreate()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.collections.ArrayCollection;
private function onCreate():void{
var obj:Object = new Object();
obj.col1 = "data for col1";
obj.col2 = "data for col2";
obj.col3 = "data for col3";
var arr:ArrayCollection = new ArrayCollection();
arr.addItem(obj);
theGrid.dataProvider = arr;
var cols:Array = theGrid.columns;
for(var i:int = 0;i<cols.length;i++){
var col:DataGridColumn = DataGridColumn(theGrid.columns[i]);
Alert.show(col.headerText);
}
}
]]>
</mx:Script>
<mx:DataGrid id="theGrid">
<mx:columns>
<mx:DataGridColumn headerText="col1" dataField="col1"/>
<mx:DataGridColumn headerText="col2" dataField="col2"/>
<mx:DataGridColumn headerText="col3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>