如何在 Flex 3 中取消/不接受拖放操作？

Question

目标： 允许用户通过从 AdvancedDataGrid 中拖动一行并将其放到垃圾桶图标上来删除记录，并通过带有“确定”和“取消”按钮的弹出警报验证用户是否打算执行此操作。

什么有效：

• 将一行拖/放到垃圾桶图标上。
• 如果用户单击“确定”按钮，则该记录将被删除。
• 如果用户单击“取消”按钮，则操作被取消。

问题： 用户单击“取消”按钮并且弹出警报关闭后，ADG 中的任何行都无法拖动。 我发现，对 ADG 进行排序后，通过单击列标题，用户可以再次开始拖动行。

代码：（从原始帖子更改）

<mx:Image source="{trashImage}" buttonMode="true" 
toolTip="drag a participant here to delete them from the project"
dragDrop="deleteParticipantDrop(event)" dragEnter="deleteParticipantEnter(event)" 
dragExit="deleteParticipantDragExit(event)" top="4" right="122" id="image2" />  

// trashImage Event Handlers:
private function deleteParticipantEnter(event:DragEvent):void
{
    var component:IUIComponent = IUIComponent(event.currentTarget);
    dragComponent = component;
    DragManager.acceptDragDrop(component);
    DragManager.showFeedback(DragManager.MOVE);
    deleteParticipantDragEvent = event;
}

private function deleteParticipantDrop(event:DragEvent):void
{
    var selectedKitNum:String = memberRpt.selectedItem.KitNum;
    var selectedName:String = memberRpt.selectedItem.ParticipantName;
    var component:IUIComponent = IUIComponent(event.currentTarget);
    dragComponent = component;
    DragManager.acceptDragDrop(component);
    isEditingParticipantInfo = false;
    isDeletingParticipant = true;
    deleteParticipantDropEvent = event;
    event.stopImmediatePropagation(); // Added as per mrm
    alert.confirm("Are you sure you want to delete this participant, Kit #" + memberRpt.selectedItem.KitNum + " ("  + 
        memberRpt.selectedItem.ParticipantName + ") from the project?  This cannot be reversed!!  An email will be " +
        "sent to notify this participant and you will receive a copy of it for your records.", confirmRemoveParticipant);
}

private function deleteParticipantDragExit(event:DragEvent):void
{
    var component:IUIComponent = IUIComponent(event.currentTarget);
    dragComponent = component;
    DragManager.acceptDragDrop(component);
    DragManager.showFeedback(DragManager.NONE);
}

private function confirmRemoveParticipant(event:CloseEvent):void
{
    if (event.detail == Alert.YES)
    {
        deleteReason = DeleteParticipantTitleWindow(PopUpManager.createPopUp( this, DeleteParticipantTitleWindow , true));
        dispatchEvent(deleteParticipantDropEvent); // Added as per mrm
        PopUpManager.centerPopUp(deleteReason);
        deleteReason.showCloseButton = true;
        deleteReason.title = "Reason for removal from project";
        deleteReason.addEventListener("close", cleanupRemoveParticipant);
        deleteReason["cancelButton"].addEventListener("click", cleanupRemoveParticipant);
        deleteReason["okButton"].addEventListener("click", finalizeDeleteParticipant);
        isDeletingParticipant = false; 
    }
    else
    {
        cleanupRemoveParticipant();
    }
}

private function cleanupRemoveParticipant(event:Event = null):void
{
    memberRpt.invalidateDisplayList();
    memberRpt.executeBindings();
    if (deleteReason != null)
    {
        PopUpManager.removePopUp(deleteReason);
        deleteReason = null;
    }
}

public function finalizeDeleteParticipant(event:Event):void
{
    if (deleteReason.reason.text != null)
    {
        selectedReportItem = memberRpt.selectedItem;
        selectedReportItemIndex = memberRpt.selectedIndex;
        memberReportData.removeItemAt(selectedReportItemIndex);
    }
    else
    {
        alert.info("You must provide a reason for removing a participant from your project!!");
    }

    cleanupRemoveParticipant();
}

提前感谢所有有用的建议。

Answer 1

您是否尝试过在取消事件后在 ADG 上运行 validateNow() 方法？

以下是有关 validateNow() 方法的更多信息。

为什么你需要了解 validateNow...

我确实认为这就是什么您正在寻找！ 如果是这种情况，请告诉我们......

Answer 2

尝试使用封闭控件中的executeBindings 和/或invalidateDisplayList 刷新数据网格上的数据绑定。

老实说，这听起来有点像一个错误。 您是否已在 flexcoders 上发布此内容？ Adobe 的人在那里闲逛（可能也在这里，但肯定在那里）

Answer 3

等一下...刚刚发现在弹出窗口的放置事件和取消按钮之间有一个异步 Web 服务调用，该调用似乎由 GetParticipantOrderInformation 处理。 那是对的吗？

如果是，那么您在执行此操作之前是否尝试过提供一个更简单的“取消”对话框？ 我想知道事件层的组合是否导致了问题。

Answer 4

我通过executeBindings 和invalidateDisplayList 方法刷新数据网格上的数据绑定没有取得任何成功。 在拨打网络服务电话之前我也没有显示确认警报。 事实上，我发现进行 Web 服务调用是完全没有必要的，因此将其删除。 现在代码流程如下：

1. 将 ADG 行拖放到垃圾桶图标上。
2. 显示确认警报框。
3. 如果用户单击“取消”按钮，则重新显示 ADG。

但同样的问题仍然存在。 我将使用最新代码更新代码部分。

Answer 5

这是一个想法：
- 在创建警报窗口之前，停止 DragEvent

event.stopImmediatePropagation();

• 存储事件，以便我们可以在用户单击“是”按钮时恢复

queuedEvent = event as DragEvent;

• 显示警报窗口，
• 如果用户单击“是”按钮，则恢复排队的事件

dispatchEvent(queuedEvent);

Answer 6

DragManager.showFeedback(DragManager.NONE);