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

Question

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

Answer 1

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

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

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

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

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

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

Answer 4

Используйте свойство DataGrid verticalAlign (для него установлено значение "middle")

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

http: //www.adobe .com / LiveDocs / Flex / 2 / langref / MX / контроль / DataGrid.html # styleSummary

Answer 5

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