Dragging and dropping among three List components
<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white"> <mx:Script> import mx.collections.ArrayCollection; [Bindable] public var allAssets:ArrayCollection = new ArrayCollection([ {label:"A"}, {label:"B"}, {label:"C"}, {label:"D"} ]); </mx:Script> <mx:Panel title="DivorceNET" width="300"> <mx:Label text="Assets" /> <mx:List id="listAll" dataProvider="{allAssets}" width="100%" height="90" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" /> <mx:HBox width="100%"> <mx:VBox width="50%"> <mx:Label text="His" /> <mx:List id="listHis" width="100%" height="90" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" /> </mx:VBox> <mx:VBox width="50%"> <mx:Label text="Hers" /> <mx:List id="listHers" width="100%" height="90" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" /> </mx:VBox> </mx:HBox> </mx:Panel> </mx:Application>