Combobox mit mehrspaltigem Dropdown

[samotheur]

Hallo zusammen,

ich brauche eine Combobox, in der im Dropdown mehrere Spalten aus dem Dataprovider angezeigt werden. Ich habe hierzu schon ein nettes Beispiel gefunden, das als eigene DropdownFactory ein DataGrid anmeldet:

<mx:ComboBox width="180" labelField="fname">
    <mx:dataProvider>
            <mx:Object fname="one" lname="1"/>
            <mx:Object fname="two" lname="2"/>
            <mx:Object fname="three" lname="3"/>
            <mx:Object fname="four" lname="4"/>
            <mx:Object fname="five" lname="5"/>
        </mx:dataProvider>
    <mx:dropdownFactory>
               <mx:Component>
                       <mx:DataGrid showHeaders="false">
                            <mx:columns>
                                 <mx:Array>
                                       <mx:DataGridColumn dataField="fname"/>
                                       <mx:DataGridColumn dataField="lname"/>
                                 </mx:Array>
                            </mx:columns>
                      </mx:DataGrid>
               </mx:Component>
    </mx:dropdownFactory>
</mx:ComboBox> 
 

Das Problem hierbei ist nur, dass im Dropdown in beiden Spalten der Wert aus der DataProvider-Spalte "fname" angezeigt wird.
Muss ich evtl. einen eigenen ItemRenderer am DataGrid anmelden, und wenn ja, wie müßte der aussehen?

Vielen Dank im Voraus

[Szdnez]

Eine schnelle Idee von mir ist eine eigene DataGridColumn zu implementieren und in dieser die Methode itemToLabel() zu überschreiben, bspw.

override public function itemToLabel( data:Object ) : String
{
    if ( !data )
        return "";
 
    var value:Object = data[dataField];
 
    if ( value is String )
        return String( value );
 
    try
    {
        return value.toString();
    }
    catch( e:Error )
    {}
 
    return "";
} 
 

[samotheur]

Danke für die schnelle Antwort, es hat super funktioniert!