2012-11-30 3 views
2

J'ai une grille de données où je veux aligner certaines colonnes de telle sorte que le texte soit aligné au centre (à la fois le texte en-tête et les données). Lorsque les données sont numériques, je dois aligner de façon alignée à droite, en conservant la propriété d'alignement du centre de la colonne. S'il vous plaît voir la photo.Colonne Flex Datagrid Aligner pour les nombres

format

+0

Vous pouvez créer votre propre ** ItemRenderer ** pour les types vous. Après cela, utilisez ** itemRendererFunction ** où vous pouvez voir le type de données et retourner ItemRenderer pour le type thar. Aussi ** DataGridColumn ** a le style * textAlign * et vous pouvez l'utiliser. –

+0

@ lexus.pp Comment puis-je définir le style DataGridColumn? Je ne peux pas trouver la méthode setstyle pour la classe. Est-il également possible de spécifier un alignement différent pour une colonne différente? – Saju

Répondre

2

Voici un exemple avec des styles différents dans les colonnes différentes.

<s:ArrayList> 
    <s:GridColumn id="dgFamilyRegisterLine" width="30" 
        labelFunction="{dgFamily.getRowNumber(dgFamily.dataProvider)}" 
        sortable="false"> 
         <s:itemRenderer> 
          <fx:Component> 
           <s:DefaultGridItemRenderer color="0x888888" 
                  fontStyle="italic" 
                  textAlign="right"/> 
          </fx:Component> 
         </s:itemRenderer> 
        </s:GridColumn> 
    <s:GridColumn dataField="code" headerText="code" minWidth="250"/> 
    <s:GridColumn dataField="designation" headerText="designation" minWidth="250"/>      
    <s:GridColumn dataField="isEnabled" headerText="isEnabled" minWidth="70"> 
     <s:itemRenderer> 
      <fx:Component>  
      <s:GridItemRenderer> 
       <s:layout> 
       <s:HorizontalLayout horizontalAlign="center" verticalAlign="middle"/> 
       </s:layout> 
       <s:Image visible="{(data.isEnabled=='1')?true:false}" 
              source="@Embed(source='assets/images/check.png')"/>  
      </s:GridItemRenderer> 
      </fx:Component> 
     </s:itemRenderer> 
    </s:GridColumn> 
</s:ArrayList> 
Questions connexes