柔性火花列表在火花画布组件上拖放一个项目

我有一个火花列表，显示表示产品的图像列表。我试图实现拖放功能，允许用户将他想购买的产品从列表拖到画布区域，在那里他可以在购买之前看到他选择的产品。我使用下面的代码，但我无法弄清楚它有什么问题，似乎我无法使用列表项目作为draginitiator，任何人都可以帮助：柔性火花列表在火花画布组件上拖放一个项目

private function onMouseDown（event：MouseEvent）：无效 {

   var list:List = List(event.currentTarget); 
       var dragInitiator:Image = Image (list.selectedItem); 
       var source : DragSource = new DragSource(); 
       source.addData(dragInitiator, "img"); 
       DragManager.doDrag(dragInitiator, source, event); 

     } 



     protected function canvas1_dragEnterHandler(event:DragEvent):void 
     { 

       DragManager.acceptDragDrop(Canvas(event.currentTarget)); 


     } 

     protected function canvas1_dragDropHandler(event:DragEvent):void 
     { 
      Image(event.dragInitiator).x = 
       Canvas(event.currentTarget).mouseX; 
      Image(event.dragInitiator).y = 
       Canvas(event.currentTarget).mouseY; }

<fx:Model id="categoriesModel" source="Data/Categories.xml"/> 
    <s:ArrayList id="CategoriesCollection" source="{categoriesModel.Category}"/> 

    <fx:Model id="productsModel" source="Data/Products.xml"/> 
    <s:ArrayList id="ProductsCollection" source="{productsModel.Product}" /> 


</fx:Declarations> 

<s:VGroup gap="5" horizontalAlign="center"> 

    <s:HGroup gap="5"> 

     <Components:PROExpressLogo/> 
     <s:List id="categoryList" scroller="{null}" visible="true" 
       itemRenderer="Renderers.categoryItemRenderer" width="700" borderAlpha="0" 
       change="categoryList_changeHandler(event)"> 
      <s:layout> 
       <s:HorizontalLayout/> 
      </s:layout> 
     </s:List> 

    </s:HGroup> 

    <s:List id="productList" scroller="{null}" contentBackgroundAlpha="0.4" contentBackgroundColor="0xabcdef" 
      itemRenderer="Renderers.productItemRenderer" width="880" borderAlpha="0" visible="true" horizontalCenter="0" 
      dragEnabled="false" mouseDown="onMouseDown(event)" 
      > 
     <s:layout> 
      <s:HorizontalLayout/> 
     </s:layout> 
    </s:List> 

    <s:HGroup gap="20"> 
     <s:Group> 
       <s:Image id="planImage" width="500" height="300" horizontalCenter="0" 
         toolTip="Drag your items on your Plan and drop them were you plan to install them" 
         /> 

       <mx:Canvas width="500" height="300" backgroundAlpha="0.1" 
          backgroundColor="#abcdef" borderColor="#abcdef" borderStyle="inset" 
          contentBackgroundColor="#abcdef" cornerRadius="10" 
          dragDrop="canvas1_dragDropHandler(event)" 
          dragEnter="canvas1_dragEnterHandler(event)" dropShadowVisible="true" 
          horizontalCenter="0"/> 
     </s:Group> 
       <s:List id="cart" width="200" height="300"/> 
    </s:HGroup>

来源

2012-12-04 karim sroor

我在想你需要添加拖动启动应该是您正在拖动项呈示而不是整个List控件。不是list.selectedItem那个简单的对象不像UIComponent or VisualElement你必须指出一些UI组件，如group。

来源

2012-12-04 05:50:24

你可以举一个例子，因为我不知道如何将我的UI组件传递给draginitiator，问题是我的列表包含imagee的名称，它在运行时加载图像，所以list.selecteditem返回一个srting –

柔性火花列表在火花画布组件上拖放一个项目

回答

相关问题