Buttons in AdvancedDataGrid in Flex

Question

Is it possible to have a Button object in a column in an AdvancedDataGrid object in flex 4? And how would I do this?

Answer 1

You can do it in flex 3, so it should be possible in flex 4 too. Here is how to do it in flex 3, modify it for spark.

<mx:AdvancedDataGrid id="ad" creationComplete="create();">
    <mx:columns>
        <mx:AdvancedDataGridColumn dataField="text"/>
        <mx:AdvancedDataGridColumn>
            <mx:itemRenderer>
                <mx:Component>
                    <mx:Button label="{data.buttonLabel}" 
                        click="{outerDocument.onClick(data)}"/>
                </mx:Component>
            </mx:itemRenderer>
        </mx:AdvancedDataGridColumn>
    </mx:columns>
</mx:AdvancedDataGrid>

script:

public function create():void
{
    var array:Array = [{text:"Text1", buttonLabel:"Bt1"},
                    {text:"Text2", buttonLabel:"Bt2"}]
    ad.dataProvider = new ArrayCollection(array);
}
public function onClick(item:Object):void
{
    trace(item.text);
}