Flex 检测拖拽数据

Posted

技术标签:

【中文标题】Flex 检测拖拽数据【英文标题】:Flex Detecting Dragged Data 【发布时间】:2011-10-21 04:20:22 【问题描述】:

我有一个接受掉落的列表。当一个项目被丢弃时(DragEvent.DRAG_DROP)我需要收集被丢弃的数据,但是我没有发现任何可以帮助我这样做的事件,event.dragInitiator.selectedItems 可以工作但给我一个错误。

任何帮助将不胜感激。

【问题讨论】:

【参考方案1】:

你也可以监听不断变化的dataProvider。

list.dataProvider.addEventListener(CollectionEvent.COLLECTION_CHANGE, list_dataProvider_change);

...

protected function list_dataProvider_change(e :CollectionEvent) :void

    if (e.kind == CollectionEventKind.REMOVE)
        trace('list element removed from - index', e.location);
    else if (e.kind == CollectionEventKind.ADD)
        trace('list element added to - index', e.location);   

【讨论】:

【参考方案2】:

数据应该在event.dragSource。您必须使用hasFormat() 检查正确的格式并使用dataForFormat() 检索它。这是DragSource 的文档。

代码应该是这样的(假设这是 Flex 4):

// In dragDrop handler or dragComplete
if (event.dragSource.hasFormat("itemsByIndex"))

    var items:Vector.<Object> = event.dragSource.dataForFormat("itemsByIndex") as Vector.<Object>;
    // Do stuff with items

【讨论】:

以上是关于Flex 检测拖拽数据的主要内容,如果未能解决你的问题,请参考以下文章

如何检测 CSS flex wrap 事件

检测css“flex-box”和“flex-wrap”支持的正确方法是啥?

flex中的人脸检测

flexbox 可以检测 flex 项目何时换行吗?

检测浏览器中的 flex-wrap 支持

JavaScript动画-碰撞检测