I have a DataGrid with five columns first one for checkboxes(In
header,item),second one for Id,third one for Name,fourth one for phone
number and final column is email address.In first column of my DataGrid,i have two Renderers one is HeaderRenderer and other one is ItemRenderer for the same column with checkboxes. I'm writing script there only for header checkbox(Id is chkAll) and item renderer checkbox(Id is chk).If i select the header checkbox,all the item renderer checkboxes are also selected and if i deselect the header checkbox then deselect the all itemrenderer checkboxes. After selecting the checkBox(it may be one (or) All) i need to the data from the datagrid by using the button(Delete). How to do that? Here am sending the code also, <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute"> <mx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] public var arr:ArrayCollection = new ArrayCollection(); ]]> </mx:Script> <mx:XMLList id="employees"> <employee> <id>111</id> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>http://www.yahoo.com</email> <active>true</active> </employee> <employee> <id>222</id> <name>Joanne Wall</name> <phone>555-219-2012</phone> <email>http://www.gmail.com</email> <active>true</active> </employee> <employee> <id>333</id> <name>Maurice Smith</name> <phone>555-219-2012</phone> <email>http://www.rediffmail.com</email> <active>false</active> </employee> <employee> <id>444</id> <name>Mary Jones</name> <phone>555-219-2000</phone> <email>[email protected]</email> <active>true</active> </employee> </mx:XMLList> <mx:VBox width="100%" height="100%"> <mx:DataGrid id="dg" width="100%" height="60%" rowCount="5" dataProvider="{employees}"> <mx:columns> <mx:DataGridColumn sortable="false"> <mx:headerRenderer> <mx:Component> <mx:HBox> <mx:Script> <![CDATA[ import mx.controls.Alert; ]]> </mx:Script> <mx:CheckBox id="chkAll" click="Alert.show('hi')"/> </mx:HBox> </mx:Component> </mx:headerRenderer> <mx:itemRenderer> <mx:Component> <mx:HBox> <mx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; /* [Bindable] private var arr:ArrayCollection = new ArrayCollection(); */ private function getData():void { if(chk.selected) { outerDocument.arr.addItem (outerDocument.dg.selectedItem.id); Alert.show("array:"+outerDocument.arr); } else { for(var i:uint = 0;i<outerDocument.arr.length; i+ +) { if((outerDocument.arr.getItemAt(i)) == (outerDocument.dg.selectedItem.id)) { outerDocument.arr.removeItemAt(i); } } Alert.show("array:"+outerDocument.arr); } } ]]> </mx:Script> <mx:CheckBox id="chk" click="getData()"/> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> <mx:DataGridColumn dataField="id" headerText="Id" visible="false"/> <mx:DataGridColumn dataField="name" headerText="Name"/ > <mx:DataGridColumn dataField="phone" headerText="Phone"/> <mx:DataGridColumn dataField="email" headerText="Email"/> </mx:columns> </mx:DataGrid> <mx:Form width="100%" height="100%"> <mx:FormItem label="Name"> <mx:Label text="{dg.selectedItem.name}"/> </mx:FormItem> <mx:FormItem label="Email"> <mx:Label text="{dg.selectedItem.email}"/> </mx:FormItem> <mx:FormItem label="Phone"> <mx:Label text="{dg.selectedItem.phone}"/> </mx:FormItem> </mx:Form> </mx:VBox> </mx:Application> Thanks & Regards, Srinivas. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/flex_india?hl=en -~----------~----~----~----~------~----~------~--~---
