FLEX List组件拖拽相关操作

最新推荐文章于 2022-10-17 20:30:01 发布

原创最新推荐文章于 2022-10-17 20:30:01 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #数据结构

flex4 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种自定义dragDrop事件的实现方法，通过检测数据结构并取消默认事件处理，实现了拖拽对象到目标位置的功能。具体步骤包括：获取拖拽接收对象、拖拽对象数据、插入位置等，并最终完成项的插入。

自定义dragDrop事件 MXML文件及自定义事件


private function dragDropEvent(event:DragEvent):void {
//检测数据结构
if (event.dragSource.hasFormat("items")){
//取消默认事件处理
event.preventDefault();
event.currentTarget.hideDropFeedback(event);
//获取拖拽接收对象
var dropTarget:List=List(event.currentTarget);
//获取拖拽对象数据
var itemsArray:Array = event.dragSource.dataForFormat("items") as Array;
//获取拖拽对象数据第一项
var tempItem:Object = {label: itemsArray[0].label, data: itemsArray[0].data};
//获取插入位置
var dropLoc:int = dropTarget.calculateDropIndex(event);
//插入项
IList(dropTarget.dataProvider).addItemAt(tempItem, dropLoc);
}
}