Flex - Células alinhamento vertical em um Datagrid

Question

Eu estou tendo células texto alinhamento dentro verticais problema em um DataGrid no Flex. Tentei this.setStyle ( "vertical-align", "meio) em um itemRenderer na coluna, mas não parecem funcionar ... Eu tentei verticalAlign também.

Answer 1

Looks como o cabo flexível não o suporta nativamente, mas eu achei um hack para fazer o trabalho.

Faça as células herdar uma caixa e colocar uma etiqueta dentro da caixa. Em seguida, você pode definir verticalAlign = "middle" na caixa.

Answer 2

try use <s:HorizontalLayout verticalAlign="middle">:


<s:GridColumn headerText="Action" >
 <s:itemRenderer>
   <fx:Component>
     <s:GridItemRenderer>
       <s:layout>
      <s:HorizontalLayout verticalAlign="middle" paddingLeft="5"/>
    </s:layout>
    <s:Button label="View"  click="outerDocument.view(event)" />
    <s:Button label="Unlink" click="outerDocument.unlink(event)"  />
  </s:GridItemRenderer> 
  </fx:Component>
</s:itemRenderer>    
</s:GridColumn> 

Answer 3

O mx: Controles de texto e TextField não suportam diretamente um estilo verticalAlign.

O mais simples seria a alinhar o conteúdo do recipiente, por exemplo, a sua container.setStyle("verticalAlign", "bottom") ou assim.

Se o recipiente usa o layout absoluto, você pode definir um dos top , parte inferior , esquerdo , direito estilos para 0, para alinhar adequadamente.

Answer 4

Use a propriedade DataGrid verticalAlign (definido como "média")

verticalAlign: O alinhamento vertical de um processador em uma fileira

http: //www.adobe .com / livedocs / flex / 2 / langref / mx / controles / DataGrid.html # styleSummary

Answer 5

Tente textAlign na DataGridColumn.