在HBox中插入

Question

我有一个带有drop功能的HBox：

脚本：

// The dragEnter event handler for the HBox container enables dropping.
private function dragEnterHandler(event:DragEvent):void
{
    if (!event.dragSource.hasFormat("items"))
        return;

    var dropTarget:Box = Box(event.currentTarget);
    dropTarget.setStyle("borderStyle", "outset");

    DragManager.acceptDragDrop(dropTarget);
    DragManager.showFeedback(DragManager.MOVE);
}

private function dragExitHandler(event:DragEvent):void
{
    if (!event.dragSource.hasFormat("items"))
        return;

    var dropTarget:Box = Box(event.currentTarget);
    dropTarget.setStyle("borderStyle", "inset");
}

MXML

<mx:HBox id="invoiceHBox" borderStyle="inset" borderThickness="3"
    height="40" width="260" 
    dragEnter="{dragEnterHandler(event);}"
    dragExit="{dragExitHandler(event);}"
    dragDrop="{dragDropHandler(event);}">
    <mx:VBox>
        <mx:Image source="{MailIcon32}" visible="{Boolean(invoiceEmail)}" />
        <mx:Label text="{invoiceEmail.name}" styleName="heading4" />
        <mx:Text text="{invoiceEmail.description}"
            width="100%" selectable="false" />
    </mx:VBox>
</mx:HBox>

当鼠标进入HBox时，它工作正常。可以将数据放到HBox中，然后函数dragDropHandler (一个非常长的函数)就可以完成它的工作。

但是，当鼠标悬停在VBox上时，丢弃功能将丢失。VBox容器能以某种方式继承自HBox吗？或者有其他解决方案来解决这个问题？

谢谢!

Answer 1

您需要禁用HBox的mouseChildren属性，它应该可以工作

<mx:HBox id="invoiceHBox" borderStyle="inset" borderThickness="3"
    height="40" width="260" 
    dragEnter="{dragEnterHandler(event);}"
    dragExit="{dragExitHandler(event);}"
    dragDrop="{dragDropHandler(event);}"
    mouseChildren="false" >
    <mx:VBox>
        <mx:Image source="{MailIcon32}" visible="{Boolean(invoiceEmail)}" />
        <mx:Label text="{invoiceEmail.name}" styleName="heading4" />
        <mx:Text text="{invoiceEmail.description}"
            width="100%" selectable="false" />
    </mx:VBox>
</mx:HBox>