[flexcoders] Dynamically created DataGrid - not showing data

[moonusamy]

My app is as follows:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";>
                creationComplete="initApp()">
  <mx:Panel id="panel1"/>
</mx:Application>

In the initApp() function I add a DataGrid child to panel1 as shown
below. When I run this I can see the column headers but not the column
data. Am I missing a call to some kind of "invalidate"/"revalidate"
call after the dataProvider for the DataGrid is set?


private function initApp():void {
    var dg:DataGrid = new DataGrid();
    var colArray:Array = new Array();
    colArray.push(new DataGridColumn("Col1"));
    colArray.push(new DataGridColumn("Col2"));  
    dg.columns = colArray;              
    var gridData:ArrayCollection = new ArrayCollection();
    var row:ArrayCollection = new ArrayCollection();
    row.addItem("West");
    row.addItem("San Francisco");               
    gridData.addItem(row);  
    dg.dataProvider = gridData;
    panel1.addChild(dg);
}   

Thanks
Vijay