拖放圖標問題

Question

我從數據網格拖動項目並拖動時，可以看到所選記錄中的所有列正在被拖動。但是，我只想顯示一列（可能是記錄的名稱或ID）？有沒有辦法做到這一點？另外，拖動時可以顯示圖標或圖像而不是記錄。

謝謝你們。

Answer 1

這可以通過擴展DataGrid來公開DataGridDragProxy屬性來完成。查看http://dgrigg.com/blog/2006/11/03/datagrid-drag-image/，獲取working example。

擴展的DataGrid：

<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml"> 
    <mx:Script> 
     <![CDATA[ 
     import mx.controls.dataGridClasses.DataGridDragProxy; 
     import mx.core.IUIComponent; 

     /** 
     * @public 
     * class to use as DragProxy image 
     * set the default value to the standard DataGridDragProxy class 
     */ 
     [Bindable] 
     public var dragProxyImage: Class = DataGridDragProxy; 

     override protected function get dragImage():IUIComponent 
     { 
      var image:IUIComponent = new dragProxyImage(); 
      image.owner = this; 
      return image; 
     } 
     ]]> 
    </mx:Script> 
</mx:DataGrid> 

使用DataGrid：

<controls:DataGrid 
    dataProvider="{dataSource}" 
    rowHeight="40" 
    dragEnabled="true" 
    height="140" 
    dragProxyImage="com.dgrigg.controls.CustomDragProxy" 
    allowMultipleSelection="true"> 

    <controls:columns> 
     <mx:DataGridColumn headerText="Image" dataField="image"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:Image source="{data.image}"/> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
     <mx:DataGridColumn headerText="Product" dataField="name"/> 
     <mx:DataGridColumn headerText="Description" dataField="description"/> 
    </controls:columns> 
</controls:DataGrid>