Remove an item from list

           
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        
        
            import mx.events.CollectionEventKind;
            import mx.events.CollectionEvent;
            import mx.collections.SortField;
            import mx.collections.Sort;
            import mx.collections.ArrayCollection;
            
            private var index:Number = 0;
            
            public function collectionChange(event:CollectionEvent):void
            {
                switch (event.kind)
                {
                    case CollectionEventKind.ADD:
                        myTextArea.text += "Item Added\n";
                        break;
                    case CollectionEventKind.REPLACE:
                        myTextArea.text += "Item Replaced\n";
                        break;
                    case CollectionEventKind.REMOVE:
                        myTextArea.text += "Item Removed\n";
                        break;
                }
            }
            
            public function addItem():void
            {
                myCollection.addItem({label: myTextInput.text, data: index});
                index++;
            }
            private function removeItem():void
            {
                if (myList.selectedItem != null)
                    myCollection.removeItemAt(myList.selectedIndex);
            }
            
      
    </mx:Script>
    
    <mx:ArrayCollection id="myCollection" collectionChange="collectionChange(event)" />
    
    <mx:TextInput id="myTextInput" />
    <mx:List id="myList" dataProvider="{myCollection}" width="200" height="200" />
    <mx:Button label="ADD" click="addItem()" />
    <mx:Button label="REMOVE" click="removeItem()" />
    <mx:TextArea id="myTextArea" width="200" height="200" />
    
</mx:Application>

1.	Populating List using ActionScript
2.	Using a List component to display a single column of names
3.	Create List from Objects
4.	Create a static List control
5.	Set the verticalAlign for List
6.	Set the variableRowHeight for List
7.	Set wordWrap and variableRowHeight
8.	Remove from List
9.	Replace item in a List
10.	Call JavaScript when double clicked the List item
11.	Set Icons for Items in a List
12.	Double click to edit List
13.	Spark List Caret Index
14.	Spark List with alternating Item Colors
15.	List rollover color
16.	List Icon
17.	A List control uses the iconFunction property to determine the icon to display for each item
18.	Give a list of color names
19.	If items do not fit in the size of the control, Flex automatically display scroll bars

Remove an item from list : List « Components « Flex

Related examples in the same category