Comment utiliser Image comme arrière-plan de sélection et de survol dans Flex DataGrid?

Question

Je souhaite afficher une image au lieu de Couleur dans la sélection d'articles et le survol (avec la souris) dans Flex DataGrid. comment je peux le faire ?

Answer 1

Vous pouvez le faire avec un rendu d'élément en ligne ou un rendu d'élément personnalisé. Voici un exemple rapide et sale de la façon de le faire avec un moteur de rendu en ligne. Vous voudrez probablement ajuster cela un peu pour convenir à votre solution, mais cela devrait vous donner un bon point de départ.

<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

Disons que vous avez un

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

fonction

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

} 

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

Voir si cela fonctionne. pas encore testé mais la logique peut-être là.