10.3.在List 內(nèi)部進(jìn)行拖拽操作

2024-04-27 13:52:09

字體：大中小

供稿：網(wǎng)友

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

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

-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>