Multiple fields from array in one colum

Question

hi there,
have started working in Flex 4 and quite enjoying it, I'm a designer with years of background in HTML-CSS and decided to shift to Flex.
While testing on a DataGrid with an ArrayCollection as a data provider, I have a firstName and LastName item in my array, is it possible to display it as one column in my DataGrid, what I did to display just both item from the array is
<mx:DataGridColumn headerText="Name" dataField="firstName" />
<mx:DataGridColumn headerText="Name" dataField="lastName" />
my Array is defined in the Script block..
would appreciate any help from you guys!

Answer 1

Create a custom label function which returns a concatenated firstName and lastName:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            protected function displayFullName(item:Object, col:DataGridColumn):String {
                return item.firstName + " " + item.lastName;
        ]]>
    </mx:Script>
    <mx:DataGrid>
        <mx:columns>
            <mx:DataGridColumn dataField="firstName" />
            <mx:DataGridColumn dataField="lastName" />
            <mx:DataGridColumn labelFunction="displayFullName" headerText="full name" />
        </mx:columns>
        <mx:dataProvider>
            <mx:ArrayCollection>
                <mx:Object firstName="Xander" lastName="Crews" />
                <mx:Object firstName="Wendell" lastName="Stamps" />
                <mx:Object firstName="Grace" lastName="Ryan" />
                <mx:Object firstName="Arthur" lastName="Watley" />
            </mx:ArrayCollection>
        </mx:dataProvider>
    </mx:DataGrid>
</mx:Application>
Peter