Flex - Vertikale Ausrichtung Zellen in einem Datagrid

Question

Ich habe Probleme beim vertikalen Ausrichten von Text innerhalb der Zellen in einem Datagrid in Flex. Ich habe versucht, this.setStyle ( „vertical-align“, „Mitte) in einer itemRenderer auf der Säule, aber es scheint nicht zu funktionieren ... Ich habe versucht vertical auch.

Answer 1

Sieht aus wie flex ist es nicht nativ unterstützt, aber ich fand einen Hack um den Job zu tun.

Machen Sie die Zellen eine Box erben und ein Etikett in der Box. Dann können Sie vertical = „Mitte“ auf der Box gesetzt.

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

Die mx: Text und TextField- Kontrollen direkt keine vertical Stil unterstützen.

Am einfachsten wäre es, die Inhalte ihres Behälters auszurichten z.B. container.setStyle("verticalAlign", "bottom") oder so.

Wenn der Container absolutes Layout verwendet, können Sie eine von nach oben gesetzt könnten unten links rechts Stile 0, entsprechend auszurichten.

Answer 4

Verwenden Sie das Datagrid vertical Eigenschaft (auf "Mitte")

vertical: Die vertikale Ausrichtung eines Renderers in einer Reihe

http: //www.adobe .com / LiveDocs / flex / 2 / langref / mx / Kontrollen / DataGrid.html # styleSummary

Answer 5

Versuchen align auf dem Datagrid.