Flex Item Renderers (with Butttons) causing problems while scrolling… state gets changed.
Problem:

This is a peculiar issue with the datagrid used along with Item  Renderer.  The components of the Item Renderer, for example a Button will be moving out of the datagrid's frame while scrolling. This issue may be raised in Flex 4.1 SDK.


Solution:
One of the solutions I have noticed for this problem is simply adding the property of 'rowHeight' to the Data Grid.

For Example:


<mx:DataGrid width="100%" dataProvider="{myDataProvider}" rowCount="3"    
      headerStyleName="datagridHeaderStyle"
      sortableColumns="false" rowHeight="30">





Thanks for visiting......