Flex 4 Centre Rendu CheckBox sur DataGridColumn

Question

J'ai un problème en essayant de centrer les cases à cocher sans modifier la structure sur DataGridColumn, après la migration de flex 3 vers 4 les cases à cocher n'apparaissent pas centrées, y a-t-il un truc pour centrer les cases à cocher css?

<mx:DataGridColumn 
    headerRenderer="mx.controls.CheckBox" 
    itemRenderer="mx.controls.CheckBox"         
    textAlign="center" 
    editable="false" width="50"/> 

PD: ressemble à textAlign = "center" fonctionne maintenant pour les étiquettes de texte.

Answer 1

Vous pouvez écrire un headerRenderer en ligne et ItemRenderer pour le DataGridColumn comme ci-dessous

<mx:DataGridColumn 
    textAlign="center" 
    editable="false" width="50"> 
    <mx:headerRenderer> 
     <fx:Component> 
     <mx:Canvas width="100%" height="100%"> 
      <mx:CheckBox horizontalCenter="0" /> 
     </mx:Canvas> 
     </fx:Component> 
    </mx:headerRenderer> 
    <mx:itemRenderer> 
     <fx:Component> 
     <mx:Canvas width="100%" height="100%"> 
     <mx:CheckBox horizontalCenter="0" /> 
     </mx:Canvas> 
     </fx:Component> 
    </mx:itemRenderer> 
    </mx:DataGridColumn>