Array Objects and Datagrid with Link Button (Clear Button) in Adobe Flex

Question

I have an an array of objects. I populate the datagrid from the array. The nmber of columns in the datagrid is fix i.e.5 and the first column always shows serial number (0,1,2,3,4). I have a link button called 'CLEAR' in the last column of the datagrid.

1> How do I make the clear button visible only when the row is particularly clicked ?

2> When the clear button is clicked, how do I make the contents of that particular row cleared. Not deleted, only cleared to insert data again. Also, the serial number (0,1,2,3,4) should not be cleared, nor deleted. How to do this ?

Answer 1

To make your clear button visible something like this would work. may have to play around with it a bit. private function onDatagridClick(event:ListEvent):void {

    if ( event.rowIndex == -1 ) {
        return;
    } 

    clearBTN[event.RowIndex].visible = true;
}

If you don't want to delete your column you need to place some data in there as the datagrid is bound by the data provider you can always add dummy data i.e. blank string, "Enter data" or a custom item renderer for when data is required.