10.3.在List 內部進行拖拽操作

2024-04-27 13:52:09

字體：大中小

來源：轉載

供稿：網友

10.3.1 問題
你希望在同一個列表類的組件實例內移動和復制數據。
10.3.2 解決辦法
使用列表類組件內建的拖拽管理器。
10.3.3 討論
通過為來自于DragManager 的事件指派事件處理器, 你可以激活任何組件的拖拽能力。盡管你可以手動添加這種支持到列表控件（list controls），但Flex 框架的列表類組件，例如list，Tree 和DataGrid，具有管理拖拽操作的內建支持。列表類的控件（即擴展了mx.controls.listClasses.ListBase 類的控件）具有公共方法和屬性去激活這些操作和管理數據，以及在內部處理來自DragManager 的事件。

下面的例子展示了一個list 組件，通過設置dragEnabled 和dropEnabled 屬性，它的條目可以在其集合中移動。

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" creationComplete="creationHandler();">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private function creationHandler():void {
var collection:ArrayCollection = newArrayCollection( ['Josh', 'Todd', 'Abey'] );
contactList.dataProvider = collection;
}

]]>
</mx:Script>
<mx:Panel title="Contact List:" width="200" height="200">
<mx:List id="contactList" width="100%" height="100%" dragEnabled="true" dropEnabled="true"
dragMoveEnabled="true" />
</mx:Panel>
</mx:Application>