Grid Flex



    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
    width="500" height="600">
    
        
    

     
         
        import mx.events.*; 
        import mx.collections.*; 
        // Add event information to a log (displayed in the TextArea). 
        public function collectionEventHandler(event:CollectionEvent):void { 
            switch(event.kind) { 
                case CollectionEventKind.ADD: 
                    addLog("Item "+ event.location + " added"); 
                    break; 
                case CollectionEventKind.REMOVE: 
                    addLog("Item "+ event.location + " removed"); 
                    break; 
                case CollectionEventKind.REPLACE: 
                    addLog("Item "+ event.location + " Replaced"); 
                    break; 
                case CollectionEventKind.UPDATE: 
                    addLog("Item updated"); 
                    break; 
            } 
        } 
        // Helper function for adding information to the log. 
        public function addLog(str:String):void { 
            log.text += str + "\n"; 
        } 
        // Add a person to the ArrayCollection. 
        public function addPerson():void { 
            ac.addItem({first:firstInput.text, last:lastInput.text,email:emailInput.text}); 
            clearInputs(); 
        } 
        // Remove a person from the ArrayCollection. 
        public function removePerson():void { 
            // Make sure an item is selected. 
            if (dg.selectedIndex >= 0) { 
                ac.removeItemAt(dg.selectedIndex); 
            } 
        } 
        // Update an existing person in the ArrayCollection. 
        public function updatePerson():void { 
            // Make sure an item is selected. 
            if (dg.selectedItem !== null) { 
                ac.setItemAt({first:firstInput.text, last:lastInput.text,email:emailInput.text}, dg.selectedIndex); 
            } 
        } 
        // The change event listener for the DataGrid. 
        // Clears the text input controls and updates them with the contents 
        // of the selected item. 
        public function dgChangeHandler():void { 
            clearInputs(); 
            firstInput.text = dg.selectedItem.first; 
            lastInput.text = dg.selectedItem.last; 
            emailInput.text = dg.selectedItem.email; 
        } 
        // Clear the text from the input controls. 
        public function clearInputs():void { 
            firstInput.text = ""; 
            lastInput.text = ""; 
            emailInput.text = ""; 
        } 
        // The labelFunction for the ComboBox; 
        // Puts first and last names in the ComboBox. 
        public function myLabelFunc(item:Object):String { 
            return item.first + " " + item.last; 
        } 
      
    

    
        
                    collectionChange="collectionEventHandler(event)">
            
                
                
                
            

        
    

            change="dgChangeHandler()">