[flexcoders] DataGrid itemRenderer Woes

[Simon Bailey]

Hi,

I have seen through google that this has been an issue but  
implementing various solutions still leaves my existing problem.

Essentially I have a DataGrid with a custom itemRenderer displaying  
CheckBoxes.
Within the renderer I am running a comparison on a value within the  
renderers data i.e. data.my_val and the current grid row and column  
values.
Depending on whether the data value equals a specific row I show or  
hide the check box.
I achieve this by running the comparison logic with the overridden  
updateDisplayList method below which works fine until scrolled.

override protected function updateDisplayList( unscaledWidth:Number,  
unscaledHeight:Number ):void
         {
             super.updateDisplayList( unscaledWidth, unscaledHeight );

            var row:int = listData.rowIndex+1;

            for( var i:int = 0; i < data.ff.length; i++ )
            {
                if( data.val[listData.columnIndex-1] != undefined &&  
data.val[listData.columnIndex-1].option[i] == row )
                {
                        btn.visible = true;
                }
            }
         }

The issue is on scroll all of the check boxes are displayed/hidden  
incorrectly and the whole grid messes right up!

Any ideas pls would be appreciated.

Si