Flex - вертикальные ячейки выравнивания в сетке данных

Question

У меня проблемы с вертикальным выравниванием текста внутри ячеек в DataGrid во Flex. Я попытался this.setStyle ("vertical-align", "middle) в itemRenderer на столбце, но, похоже, он не работает ... Я также попробовал verticalAlign.

Answer 1

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 2

Использовать свойство DataGrid verticalAlign (установлено в «middle»)

verticalAlign: вертикальное выравнивание рендерера в строке

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

Answer 3

Элементы управления mx: Text и TextField напрямую не поддерживают стиль verticalAlign.

Проще всего было бы выровнять содержимое их контейнера, например, container.setStyle("verticalAlign", "bottom") или около того.

Если контейнер использует абсолютное расположение, вы можете установить один из стилей top , bottom , left , right 0, чтобы выровнять соответственно.

Answer 4

Похоже, что flex не поддерживает его изначально, но я нашел хак для работы.

Заставьте клетки наследовать коробку и поместите этикетку внутри коробки. Затем вы можете установить verticalAlign = "middle" на Box.

Answer 5

Попробуйте textAlign для DataGridColumn.