Flex 4 -> Datagrid add checkbox to a column

  <mx:DataGridColumn headerText="Date" dataField="date" width="100" editable="true"
  editorDataField="selected" rendererIsEditor="true">
     <mx:itemRenderer>
        <mx:Component>
           <mx:CheckBox selected="false">
           </mx:CheckBox>
                        </mx:Component>
     </mx:itemRenderer>
  </mx:DataGridColumn>

Taken from http://stackoverflow.com/questions/1120841/flex-checkbox-in-datagrid

Check out this post http://www.benclinkinbeard.com/2007/11/efficient-reusable-and-centered-checkbox-renderers-for-datagrids/ .  It contains full code for exactly what you want to do.

HTH;

Amy

Ok, thanks both for your answers.

I have now gone about doing it the following way:

<mx:DataGrid x="10" y="40" width="903" dataProvider="{questionsArr}" sortableColumns="false" draggableColumns="false" editable="true">         <mx:columns>             <mx:DataGridColumn headerText="No." dataField="Number" width="100" editable="false"/>             <mx:DataGridColumn headerText="Question" dataField="Question" />             <mx:DataGridColumn headerText="Delete"  width="100">                     <mx:itemRenderer>                         <fx:Component>                             <mx:HBox horizontalAlign="center" verticalAlign="middle">                                 <s:CheckBox/>                             </mx:HBox>                         </fx:Component>                     </mx:itemRenderer>             </mx:DataGridColumn>         </mx:columns>     </mx:DataGrid>

It works fine, as i add a question, a checkbox gets added to the Delete column.  Alls great.

But when i come to click on the checkbox, the following text gets displayed [object Object]

Then when i click away from the checkbox the checkbox reappears.  With it either selected or unselected depending on what value it should be.

Is there anyway so that it dosent display the [object Object] ?

Hi

            Use check box as an item renderer to the datagrid and then u will get check box for the delete column

                  Here i posting the sample code of  item renderer and datagrid column for ur convieniance... Name that Item renderer as RenderItem.mxml

for out timebeing..

            <?xml version="1.0" encoding="utf-8"?>
<mx:CheckBox xmlns:mx="http://www.adobe.com/2006/mxml" c>
    <mx:Script>
        <![CDATA[
           
            override public function set data(value:Object):void
            {
               super.data=value;

                    // Add ur stuff here              
            }

        ]]>
    </mx:Script>
</mx:CheckBox>

and in datagrid u can use this item renderer for the Delete column

   <mx:DataGrid>

               <mx:columns>

                              <mx:DatagridColums headerText="Delete" itemRenderer="../RenderItem.mxml"/>

               </mx:columns>

     <mx:DataGrid>

You must add the check box to the column using an itemrenderer.  Look at this link for more info

http://livedocs.adobe.com/flex/3/html/cellrenderer_3.htmlhttp://blog.flexexamples.com/2008/01/27/using-a-checkbox-control-as-a-list-item-renderer-in-flex/