Mega Code Archive

 

Categories / Flex / Components

 

Drag and Drop Between Lists

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" creationComplete="creationHandler();">     <mx:Script>                      import mx.collections.ArrayCollection;             private function creationHandler():void             {                 contactList.dataProvider = new ArrayCollection([                 {label:'A', phone:'555.111.2222'},                 {label:'B', phone:'555.333.4444'},                 {label:'C', phone:'555.777.8888'}                 ]);             }            </mx:Script>     <mx:Panel title="Contact List:" width="200" height="200">         <mx:List id="contactList" width="100%" height="100%"             dragEnabled="true"             dropEnabled="true"             dragMoveEnabled="false"             />     </mx:Panel>     <mx:Panel title="Contact Info:" width="300" height="200">         <mx:DataGrid id="contactGrid" width="100%" height="100%"             dragEnabled="true"             dropEnabled="true"             dragMoveEnabled="true">             <mx:columns>                 <mx:DataGridColumn dataField="label" headerText="Name"/>                 <mx:DataGridColumn dataField="phone" headerText="Phone"/>             </mx:columns>         </mx:DataGrid>     </mx:Panel> </mx:Application>