datagrid problem

[goflashman]

Im new to flex trying to run a simple test with some xml.
I cant get the data to display properly as everything is displaying on one line in the datagrid. Im sure there is an easy fix....
Thanks in advance for your help!

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
                horizontalAlign="center" paddingTop="0" >
<mx:Model id="mydata">
        <Report>
            <ParametersInfo>
            </ParametersInfo>
            <ColumnInfo>
                <Column pos = "1" type = "VARCHAR2">EL_VALUES_FIELD8</Column>
                <Column pos = "2" type = "VARCHAR2">EL_VALUES_FIELD9</Column>
            </ColumnInfo>
            <Data>
                <Row>
                    <Field name = "EL_VALUES_FIELD8" pos= "1">NAM</Field>
                    <Field name = "EL_VALUES_FIELD9" pos= "2">United States</Field>
                </Row>
            </Data>
        </Report>
    </mx:Model>

        
        
    <mx:Panel>
    <mx:DataGrid dataProvider="{mydata}" width="500">
        <mx:columns >
            <mx:DataGridColumn  dataField="ColumnInfo.Column" headerText="Junk"/>
            <mx:DataGridColumn dataField="Data.Row.Field" headerText="whatJunk"/>
        </mx:columns>
    </mx:DataGrid>
    
    
</mx:Panel>
</mx:Application>

[drkstr]

Any kind of list control (such as a DataGrid), need to bind to data that implements ICollectionView, or at least can act like one. This means you need "list" (Array, ArrayCollection, XMLList, etc) data and not Object data.

<mx:ArrayCollection id="mydata">
	<Object label="foo1" value="bar1"/>
	<Object label="foo2" value="bar2"/>
	<Object label="foo3" value="bar3"/>
</ArrayCollection>

<mx:DataGrid dataProvider="{mydata}" width="500">
	<mx:columns>
		<mx:DataGridColumn dataField="label" headerText="Label"/>
		<mx:DataGridColumn dataField="value" headerText="Value"/>
	</mx:columns>
</mx:DataGrid>

Cheers!