2012-11-30 71 views
2

我有一個數據網格,我想對齊某些列的方式,使文本居中對齊(headertext和數據)。當數據是數字時,我需要以對齊的方式對齊,以保持整列中心對齊屬性。請看照片。Flex Datagrid列對齊的數字

format

+0

您可以爲您的類型創建自定義** ItemRenderer **。之後,使用** itemRendererFunction **,您可以在其中看到數據類型並返回該類型的ItemRenderer。此外** DataGridColumn **具有style * textAlign *,您可以使用它。 –

+0

@ lexus.pp如何設置DataGridColumn樣式?我無法找到該類的setstyle方法。還有可能爲不同列指定不同的對齊方式? – Saju

回答

2

這裏是在不同的列不同的樣式的例子。

<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>