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>