如何将查询结果显示到DataGrid的自定义单元格[Flex]

Question

我按照本指南显示 mysql 数据库中的数据： http://www.flashrealtime.com/flash-builder- 4-and-php-data-services/

但是如果我有这样的数据网格该怎么办：

<mx:DataGrid id="dataGrid" width="100%" height="100%" creationComplete="dataGrid_creationCompleteHandler(event)" >
   <mx:columns>
      <mx:DataGridColumn id="something" dataField="customerId" editable="false">
         <mx:itemRenderer > 
            <mx:Component>
              <mx:VBox>
               <mx:Label id="l1" text=???????  ></mx:Label>
               <mx:Label id="l2" text=???????  ></mx:Label>
              </mx:VBox>
            </mx:Component>
          </mx:itemRenderer>
      </mx:DataGridColumn>

Answer 1

在 DataGrid 中使用 itemRenderer 时，整个“行”的值存储在“数据”对象中

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx">

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            [Bindable]
            private var dp:ArrayCollection = new ArrayCollection([
                {id : "1", name : "Bob"},
                {id : "2", name : "Andrew"},
                {id : "3", name : "Paul"}
            ]);

        ]]>
    </fx:Script>

    <mx:DataGrid dataProvider="{dp}">
        <mx:columns>
            <mx:DataGridColumn>
                <mx:itemRenderer>
                    <fx:Component>
                        <mx:VBox>                           
                            <mx:Label text="{data.id}"/>
                            <mx:Label text="{data.name}"/>
                        </mx:VBox>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

</s:WindowedApplication>