Update item in ArrayCollection : ArrayCollection « Data Model « Flex

1. Flex
2. Data Model
3. ArrayCollection

Update item in ArrayCollection

            
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="500"
    height="600">
    <mx:Script>
        
        import mx.events.*;
        import mx.collections.*;

        public function addPerson():void {
            ac.addItem({first:firstInput.text, last:lastInput.text,email:emailInput.text});
            clearInputs();
        }
        public function removePerson():void {
            if (dg.selectedIndex >= 0) {
                ac.removeItemAt(dg.selectedIndex);
            }
        }
        public function updatePerson():void {
            if (dg.selectedItem !== null) {
                ac.setItemAt({first:firstInput.text, last:lastInput.text,email:emailInput.text}, dg.selectedIndex);
            }
        }
        public function dgChangeHandler():void {
            clearInputs();
            firstInput.text = dg.selectedItem.first;
            lastInput.text = dg.selectedItem.last;
            emailInput.text = dg.selectedItem.email;
        }
        public function clearInputs():void {
            firstInput.text = "";
            lastInput.text = "";
            emailInput.text = "";
        }
        public function myLabelFunc(item:Object):String {
            return item.first + " " + item.last;
        }
      
    </mx:Script>
    <mx:ArrayCollection id="ac">
        <mx:source>
            <mx:Object first="A" last="B" email="a@m.com" />
            <mx:Object first="C" last="D" email="c@m.com" />
            <mx:Object first="E" last="F" email="e@m.com" />
        </mx:source>
    </mx:ArrayCollection>
    <mx:DataGrid width="450" id="dg" dataProvider="{ac}" change="dgChangeHandler()">
        <mx:columns>
            <mx:DataGridColumn dataField="first" headerText="First Name" />
            <mx:DataGridColumn dataField="last" headerText="Last Name" />
            <mx:DataGridColumn dataField="email" headerText="Email" />
        </mx:columns>
    </mx:DataGrid>
    <mx:Form>
        <mx:FormItem label="First Name">
            <mx:TextInput id="firstInput" />
        </mx:FormItem>
        <mx:FormItem label="Last Name">
            <mx:TextInput id="lastInput" />
        </mx:FormItem>
        <mx:FormItem label="Email">
            <mx:TextInput id="emailInput" />
        </mx:FormItem>
    </mx:Form>
    <mx:HBox>
        <mx:Button label="Add New" click="addPerson()" />
        <mx:Button label="Update Selected" click="updatePerson()" />
        <mx:Button label="Remove Selected" click="removePerson()" />
        <mx:Button label="Clear" click="clearInputs()" />
    </mx:HBox>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Add element to ArrayCollection and bind to DataGrid
2.	Define Array object and use it as source for ArrayCollection
3.	Using an array of components to dispaly Buttons
4.	Initializing an ArrayCollection using MXML with embedded data
5.	ArrayCollection is initialized with ActionScript
6.	Using an ArrayCollection to feed the DataGrid's dataProvider
7.	Using nested data in an ArrayCollection to display hierarchically
8.	Filter and refresh function for ArrayCollection
9.	ArrayCollection data provider
10.	Use ActionScript to declare and create the ArrayCollection object
11.	Insertion on the Array and ArrayCollection
12.	Sort ArrayCollection
13.	Add item to ArrayCollection
14.	Remove item from ArrayCollection by index
15.	ArrayCollection collectionChange event
16.	Create ArrayCollection from Array
17.	Use Timer to add data to ArrayCollection
18.	Put random value to ArrayCollection
19.	Bind ArrayCollection to List and update ArrayCollection to change List
20.	Use individual ArrayCollection elements as the source or a binding expression
21.	Get data from ArrayCollection by label field
22.	Use Model as the source for ArrayCollection
23.	Create ArrayCollection from Model with ActionScript
24.	Get data frolm ArrayCollection by using index and property name
25.	Using ArrayCollection to handle complex data
26.	Converting an MXML data model into an ArrayCollection
27.	Simple ArrayCollection
28.	Add filter to ArrayCollection
29.	Spark DropDownList with Static String ArrayCollection
30.	An ArrayCollection object that is populated from a remote data source
31.	Define ArrayCollection Of Objects
32.	Create an Array, and then converts it to an ArrayCollection
33.	Use an tag to perform the conversion
34.	Real Time ArrayCollection
35.	defines data providers as ArrayCollections.
36.	Use ArrayCollection to store controls
37.	A sorted view of a collection
38.	Set item at third position to new value
39.	Result of using insert() and remove() on the current property