Datagrid question

[rattleheadmegafan]

I have an XML structure which is like this:

<details>
   <personal>
       <name>name</name>
       <phone>1111111111</phone>
   </personal>
   <tag1>
      <tag2>eee</tag2>
      <tag3>ffff</tag3>
      <rtag1>
          <rtag2>aa</rtag2>
          <rtag3>bb</rtag3>
      </rtag1>
      <rtag1>
          <rtag2>cc</rtag2>
          <rtag3>dd</rtag3>
      </rtag1>
   </tag1>
</details>

Now I want to be able to display the following in a datagrid,
name, phone, tag2, tag3 and multiple rtag2 and rtag3's

How do I do it?

Is there a solution, an alternate solution?

TIA!

[camden_kid]

http://livedocs.adobe.com/flex/3/lan...xamplesSummary

[rattleheadmegafan]

Thanks Camden kid, that didn't help at all.

[wvxvw]

Erm... maybe use Tree or AdvancedDataGrid (this is a component that isn't a part of free SDK)? Becuase DataGrid is intended for display of 2D tables... I believe you can also make a special item-renderer that will display the data you need in some more appropriate way, but I would really consider using another component or organizing your data differently.

[rattleheadmegafan]

Thanks wvxvw!

[amarghosh]

i think labelFunction property of DataGridColumn is what u need....
and u can use a List as the itemRenderer for the column displaying rtag2 etc...

[amarghosh]

i am not able to post the code here... Has anyone else had this problem?

[amarghosh]

<mx:DataGrid dataProvider="{list}">
    <mx:columns>
        <mx:DataGridColumn headerText="name" labelFunction="dataFunctionName"/>
        <mx:DataGridColumn headerText="phone" labelFunction="dataFunctionPhone"/>
        <mx:DataGridColumn headerText="tag2" labelFunction="dataFunctionTag2"/>
        <mx:DataGridColumn headerText="tag3" labelFunction="dataFunctionTag3"/>
        <mx:DataGridColumn headerText="rtag2">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:List rowCount="{data.tag1.rtag1.rtag2.length()}"
                        dataProvider="{data.tag1.rtag1.rtag2}"/>
                </mx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
    </mx:columns>
</mx:DataGrid>

[amarghosh]

public function dataFunctionName(item:Object, column:DataGridColumn):String
{
    return item.personal.name;
}
public function dataFunctionPhone(item:Object, column:DataGridColumn):String
{
    return item.personal.phone;
}
public function dataFunctionTag2(item:Object, column:DataGridColumn):String
{
    return item.tag1.tag2;
}
public function dataFunctionTag3(item:Object, column:DataGridColumn):String
{
    return item.tag1.tag3;
}

EDIT: Apparently the issue was related to the size of the post... was trying to post this AS code and the mxml in the previous post together with no luck.

[rattleheadmegafan]

Thanks Amar, I will try that out.