Flex - 垂直对齐DataGrid中的单元格

Question

我在垂直对齐Flex中DataGrid中单元格内的文本时遇到问题。我试图this.setStyle（“垂直对齐”，“中间）在列确定itemRenderer的，但它似乎没有工作...我想verticalAlign为好。

Answer 1

看起来Flex不支持它本身，但我发现一个黑客做的工作。

使细胞继承盒，并把一个标签的盒子里，然后你可以设置verticalAlign =在“中间”

Answer 2

试穿的DataGridColumn textAlign设置。

Answer 3

mx：Text和TextField控件不直接支持verticalAlign风格。

最简单的方法是对齐其容器的内容。 container.setStyle("verticalAlign", "bottom")左右。

如果容器使用绝对布局，您可以设置的顶部，底部，离开之一，权样式0，能够相应地调整。

Answer 4

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

verticalAlign：渲染器的垂直对齐成一排

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

Answer 5

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>