创建可编辑的list 组件
源代码:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Style>
- Application{
- fontSize:12px;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- [Bindable]
- private var db:Array = [{id:'1',name:'jquery教程'},
- {id:'2',name:'ext教程'},
- {id:'3',name:'flex教程'}];
- private function editEnd(event:Event):void{
- trace(list.selectedItem.id+''+list.selectedItem.name);
- }
- private function setEditor():void{
- list.editedItemPosition = {columnIndex:0,rowIndex:1};
- }
- ]]>
- </mx:Script>
- <mx:Button label="设置编辑" click="setEditor()" />
- <mx:List width="200" selectedIndex="1" id="list" selectionColor="#CCCCFF" labelField="name" dataProvider="{db}"
- editable="true" itemEditBegin="trace(list.editedItemPosition)" itemEditEnd="editEnd(event)" editorXOffset="5" editorYOffset="2" x="0" y="30"/>
- </mx:Application>
关键点说明:
将list 组件的editable 属性设置为true 并侦听itemEditBegin 和itemEditEnd 属性,或通过包含columnIndex 和rowIndex 属性的对象来设置editedItemPosition。



