플렉스 - 데이터 그라이드에서 수직 정렬 셀

Question

Flex의 Datagrid에서 셀 내부 텍스트를 세로 정렬하는 데 어려움이 있습니다. 열의 항목 렌더러에있는 세트 스타일 ( "수직-정렬", "중간)을 시도했지만 작동하지 않는 것 같습니다 ... 수직을 시도했습니다.

Answer 1

Flex가 기본적으로 지원하지 않는 것처럼 보이지만 작업을 수행하는 해킹을 발견했습니다.

셀이 상자를 상속하고 상자 안에 레이블을 넣습니다. 그런 다음 상자에서 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 : 텍스트 및 텍스트 필드 컨트롤은 수직 스타일을 직접 지원하지 않습니다.

가장 쉬운 것은 컨테이너의 내용을 정렬하는 것입니다. 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

DataGridColumn에서 Textalign을 사용해보십시오.