DataGrid with row selection for editing

[Booma Devi]

Hi,

Can any one please tell me how to edit only one row based on the checkbox selection in datagrid (Flex 4.5)?

My code is editing all rows when I press the EDIT button even if checkbox is selected /not selected...

Exact requirement:

Select the checkbox and press EDIT button, combo box should appear only for the selected row.. Not for all the rows...

SparkDataGrid.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<s:layout> 
		<s:VerticalLayout/> 
	</s:layout> 
	<fx:Declarations>
		
		
	</fx:Declarations>
	<fx:Script> 
		<![CDATA[ 
			import mx.controls.Alert;
			import mx.controls.CheckBox;
			import spark.components.Grid;
			import spark.components.TextInput;
			import spark.components.gridClasses.GridColumn;
			import spark.components.gridClasses.GridSelectionMode;
			import spark.events.GridEvent;
			import spark.events.GridSelectionEvent;
				
			[Bindable]                 
			private var ac:ArrayCollection=new ArrayCollection([{artist: "John", album:"AAA", price:"100.01", selected: false}, 
				{artist: "Jai", album:"BBB", price:"101.01", selected: false}, {artist: "Jack", album:"CCC", price:"110.01", selected: false}]);
			[Bindable]
			public var isSelected:Boolean=true;
			
			public  var myComboFac:ClassFactory = new ClassFactory(ComboBoxItemRenderer);
			
			private function deleteRows():void                
			{                         
				for each (var row:Object in ac)                         
				{                                
					if (row.selected)                                 
					{                                        
					var i:int=ac.getItemIndex(row);                                         
					ac.removeItemAt(i); 
						
					}
					ac.refresh();
				}                 
			} 
			
			public function editRows(event:MouseEvent):void
				
			{
				for each (var row:Object in ac)                         
				{                                
					if (row.selected == true)                                 
					{                         
				   	price.itemRenderer = myComboFac; 
					 
				}	
				  		
				}   
				}
			
			protected function select(event:MouseEvent):void
			{
			hc.editable=false;
			}
			
			
			
		]]> 
	</fx:Script> 
	
	<!--selectionChange="selectionChangeHandler(event)-->
	<s:DataGrid id="myDG" width="50%" height="50%" dataProvider="{ac}"
				 editable="false" > 
			<s:columns>
			<s:ArrayCollection>
				<s:GridColumn id="hc" dataField="selected" rendererIsEditable="true" headerRenderer="CheckBoxSample">
					<s:itemRenderer>
						<fx:Component>
							<s:GridItemRenderer>
							<s:CheckBox id="cb" selected="{data.selected}" click="data.selected=!data.selected"/>
							</s:GridItemRenderer>
							
						</fx:Component>
					</s:itemRenderer>
				</s:GridColumn>
				<s:GridColumn dataField="artist" headerText="ARTIST"/>
				<s:GridColumn dataField="album" headerText="ALBUM"/>
				<s:GridColumn id="price" dataField="price" headerText="PRICE"/>
			</s:ArrayCollection>
		</s:columns>
	</s:DataGrid> 
	<s:Button id="button" label="EDIT" click="editRows(event);"/>
	<s:Button label="DELETE" id="deleteBtn" click="deleteRows()"/>

</s:Application>

ComboBoxItemRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:mx="library://ns.adobe.com/flex/mx" 
				xmlns:s="library://ns.adobe.com/flex/spark">
	<fx:Declarations>
		
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.collections.ArrayList;
			
		    [Bindable]
			public var show:Boolean;
			
			[Bindable]
			public var comboItems:ArrayList=new ArrayList(["100","200","300"]);
		]]>
	</fx:Script>
	<s:ComboBox id="combo"  dataProvider="{comboItems}" prompt="Please Select Price"/>
	
</s:GridItemRenderer>