Create an Editable List : List Renderer « Components « Flex

1. Flex
2. Components
3. List Renderer

Create an Editable List

           
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Canvas width="400" height="300">
        <mx:Script>
            
    
                [Bindable]
                private var dp:Array = [{name:"A", foo:"a"}, 
                                        {name:"B", foo:"b"}, 
                                        {name:"C", foo:"c"}, 
                                        {name:"D", foo:"d"}]
        
        
                private function setEditor():void {
                    listImpl.editedItemPosition = {columnIndex:0, rowIndex:2};
                }
    
          
        </mx:Script>
        <mx:Button click="setEditor()"/>
        <mx:List y="30" 
                 width="200" 
                 selectedIndex="6" 
                 id="listImpl" 
                 selectionColor="#CCCCFF" 
                 labelField="name" 
                 dataProvider="{dp}" 
                 editable="true" 
                 itemEditBegin="trace(listImpl.editedItemPosition)" 
                 editorXOffset="5" 
                 editorYOffset="2"/>
    </mx:Canvas>
</mx:Application>
    

   
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	DropIn Renderer
2.	Inline Renderer
3.	Inline Renderer with Complex Objects
4.	List control uses default item renderer to display strings
5.	Renderer and Editor for List
6.	List control uses the default item renderer to display each of the three strings that represent postal codes for Alaska, Alabama, and Arkansas.
7.	Using Image renderer for List
8.	Specifying an icon to the List control
9.	Editable List