Flex - 垂直对齐数据网格中的单元格

Question

我在 Flex 的 DataGrid 单元格内垂直对齐文本时遇到问题。我在列上的 itemRenderer 中尝试了 this.setStyle("vertical-align", "middle) 但它似乎不起作用......我也尝试了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

mx:Text 和 TextField 控件不直接支持 VerticalAlign 样式。

最简单的方法是对齐容器的内容，例如 container.setStyle("verticalAlign", "bottom") 等。

如果容器使用绝对布局，您可以将 top、bottom、left、right 样式之一设置为 < code>0，相应地对齐。

Answer 3

使用DataGrid的verticalAlign属性（设置为“middle”）

verticalAlign：行中渲染器的垂直对齐方式

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

Answer 4

尝试在 DataGridColumn 上使用 textAlign。

Answer 5

看起来 Flex 本身并不支持它，但我找到了一个 hack 来完成这项工作。

让单元格继承一个 Box 并在盒子内放置一个标签。然后你可以在盒子上设置verticalAlign =“middle”。