拖动 n'在组件之间放置 Spark 列表项渲染

Question

我正在尝试在位于不同组件的 2 个 Spark 列表之间进行一些拖放操作。 因为我的第一次尝试没有成功，所以我决定在 Google 上搜索并阅读更多有关 DragAndDrop 的内容...尝试了我能找到的所有示例，但没有什么对我有用。

那么让我们进入正题吧。

• 组件 A 具有 List1
• 组件 B 具有 List2

组件 A - 列表 1 具有 dragEnabled="true" 和 mouseDown="initiateDrag(event )"

private function initiateDrag(e:MouseEvent):void{
    var dragInitiator:IUIComponent = e.target as IUIComponent;
    var de:DragSource = new DragSource;
    de.addData(dragInitiator, 'artist');
    DragManager.doDrag(dragInitiator, de, e);
}

根据我读到的内容，使用 mouseDown 我正在启动一个拖动事件，创建我要拖动的数据类型...这种情况 'artist '

组件 B - 列表 2 有 dropEnabled="true"、dragEnter="dragEnterHandler(event)" 和 DragDrop="dragDropHandler(event)"

private function dragEnterHandler(e:DragEvent):void{
    if(e.dragSource.hasFormat('artist')){
        DragManager.acceptDragDrop(List(e.currentTarget));
    }
}

现在，我期望的是，当我将 itemRender 从组件 A 列表 1 拖到组件 B 列表 2 上时，调用函数 dragEnterHandler(event) ，它确实...但我也期望 DragManager.acceptDragDrop(List(e.currentTarget)) 能够将指示器从“红十字”更改为到“绿色加号”，但这种情况没有发生......因此，拖动的 itemRender (proxi) 移回到其原始列表，在这种情况下，它移回组件 A 列表1

我已经花了很多时间调试和测试其他方法，但没有一个对我有用。

这里有熟悉组件之间拖放操作的人可以帮助我吗？

Answer 1

好吧，伙计们，看起来 2 天 4 小时后我得到了解决方案:)

我以完全错误的方式寻找这个问题。
当对基于列表的组件使用拖放时，“格式”始终是“itemsByIndex”，我试图接受“艺术家”“格式”。

问题：
您有多个列表通过拖放方法接受数据。
不同的列表必须接受不同类型的数据。

解决方案：
将 包装在 中，然后手动调用 dragEnter 事件，然后您就可以使用它调用一个函数，该函数可以通过检查其'format'来接受或拒绝拖动的数据。
接受拖动源后，将调度 dragDrop 事件，您可以调用一个函数来在应用程序中执行您想要的任何操作...例如，将拖动的数据添加到列表中。

注意：
请记住，如果您直接在组件上设置 dragEnter 和 dragDrop，则您将能够检查拖动的数据“格式”，因为所有列表控件都使用 ' format' 'itemsByIndex'

演示：

<fx:Script>
    <![CDATA[

    private function dragEnterHandler(e:DragEvent):void{
        if(e.dragSource.hasFormat('artist')){
            var dropTarget:Group = Group(e.currentTarget);
            DragManager.acceptDragDrop(dropTarget);
        }
    }

    private function dragDropHandler(e:DragEvent):void{
            // Check is the data alreay exists in the list;
            // Adds the data to the list dataGroup;
            // Do whatever you want ...     
    }

    ]]>
</fx:Script>

<s:Group id="myGroup" 
         dragDrop="dragDropHandler(event)" 
         dragEnter="dragEnterHandler(event)">
    <s:List id="myList" 
                dataProvider="{myDataProvider}"/>
</s:Group>

希望这可以帮助其他遇到同样问题的人！ :)