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>