I needed to use a nested data object with a DataGrid. By default, the Flex (Moxie) DataGrid will not be able to display data in nested objects directly by using the dataField attribute in DataGridColumn.

An example of my nested object is as follows:

<persons>
    <boy>
        <name>TED</name>
    </boy>
        <name>TIM</name>
    <boy>
    </boy>
    <girl>
        <name>SUE</name>
    </girl>
    <girl>
        <name>ANN</name>
    </girl>
</persons>

Thank God, i found this article: Nested Data in Flex DataGrid by Extending DataGridColumn. I won’t explain how i use it here but you can go check it out there.

Here’s why i blogged about this. Well.. i needed to edit this nested data object. Setting “editable” to true did allow me to change the label but i could not commit the new value. The earlier mentioned blog article did gave me a hint of how to reference the actual field in the data object and i mixed it with the itemEditEnd event to commit the value manually.

Read the rest of this entry »

Tags: DataGrid, DataGridColumn, Flex, itemEditEnd, itemEditorInstance, nested data object