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>
Related examples in the same category