Passing array data into datagrid

Question

Hi,
I need to pass data from an Array ( of Strings) into a datagrid. I have used the following text:
<mx:DataGrid id="dg1" x="400" y="50" dataProvider="{myArray}">
<mx:columns>
          <mx:DataGridColumn headerText="Names" />
</mx:columns>
</mx:DataGrid>
The DataGrid does not show any data as I have not mentioned the dataField. Can you please tell - what woud the dataField be in this case as the array contains simple strings.

Answer 1

Because your adding an Object to the arrayCollection you can add as many field names as you like as below.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var ac:ArrayCollection = new ArrayCollection();
            private function init():void {
                var obj:Object = new Object();
                obj.name = 'Andrew';
                obj.town = 'Taunton';
                obj.sex = 'Male';
                var obj1:Object = new Object();
                obj1.name = 'Jane';
                obj1.town = 'Glastongury';
                obj1.sex = 'Female';
                ac.addItem(obj);
                ac.addItem(obj1);       
        ]]>
    </mx:Script>
    <mx:DataGrid x="42" y="47" dataProvider="{ac}">
        <mx:columns>
            <mx:DataGridColumn headerText="Name" dataField="name"/>
            <mx:DataGridColumn headerText="Town" dataField="town"/>
            <mx:DataGridColumn headerText="Sex" dataField="sex"/>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>
In yours you just need to loop through your data source and create the objects and add them to the collection.
Andrew