ImageをFlex DataGridの選択とホバリングのバックグラウンドとして使用するには？

Question

Flexでアイテムの選択とホバリング（マウスオーバー）でColorの代わりに画像を表示したいDataGrid私はそれをどのようにすることができますか？

Answer 1

これは、インラインアイテムレンダラーまたはカスタムアイテムレンダラーで行うことができます。ここでは、インラインアイテムレンダラーを使って行う方法の素早く汚れた例があります。あなたはおそらくあなたのソリューションに合うように少しこれを微調整したいが、それはあなたに良い出発点を与える必要があります。

<mx:DataGrid dataProvider="{myDataProvider}"> 
     <mx:columns> 
      <mx:DataGridColumn dataField="someDataField" width="100"> 
       <mx:itemRenderer> 
        <fx:Component> 
         <mx:Canvas mouseOver="myImage.visible = true" mouseOut="myImage.visible = false" width="100"> 
          <mx:Label text="{data.someDataField}" width="100%" x="0" y="0" /> 
          <mx:Image id="myImage" x="0" y="0" source="{outerDocument.myImageClass}" visible="false" /> 
         </mx:Canvas> 
        </fx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
     </mx:columns> 
    </mx:DataGrid> 

Answer 2

letがあなたは、これが動作するかどうか

private function onHover():void{ 
    img.src="sample2.jpg"; 
    img.validateNow(); 

} 

private function onOut():void{ 
    img.src = "sample.jpg"; 
    img.validateNow(); 
} 

を参照してください

<mx:image id="img" src="sample.jpg" mouseOver="onHover()" mouseOut="onOut()"/> 

機能を持っていると言います。まだテストされていませんが、ロジックが存在する可能性があります。