Flex ItemRenderer CheckBox Sample

 

I have run across a lot of posts from people having problems getting checkboxes to properly work in itemrenderers in Flex 2. Here's an easy to follow sample that works. It displays a datagrid with four columns, the first two are just plain text columns, the third contains a checkbox that is bound to the underlying dataprovider and the fourth shows the text value of the boolean from the third column (just so you can see the value is really changing). Change some of the values, scroll up and down, everything stays the way it should, no mystery checks where they do not belong. Following is the actual code for the itemrenderer column, pretty easy. The click event just flips the bound value to the opposite of what it was.

<mx:DataGridColumn headerText="Online" dataField="online">
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox click="data.online=!data.online"  selected="{data.online}"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>

 

Hope this helps out, stay tuned for more datagrid help.