Wie füge wordWrap on spark hinzu GridColumn

Question

Heute habe ich mich entschieden, spark datagrid anstelle von mx: Datatagrid zu testen. Aber ein Problem erscheint: Ich habe WordWrap Option nicht gefunden, wissen Sie, wie das zu lösen?

<s:DataGrid id="scrollableDG" borderVisible="true" editable="true" 
        width="100%" height="{bgSuivi.height-90-90}"> 

//Setup columns for scrollable datagrid 
    var gridColumn:GridColumn = new GridColumn(); 
    gridColumn.dataField="scRub2"; 
    gridColumn.headerText = "Rub1"; 
    gridColumn.width = 80; 
    gridColumn.editable = true; 
    columnLst.addItem(gridColumn); 

    var gridColumn:GridColumn = new GridColumn(); 
    gridColumn.dataField="scRub3"; 
    gridColumn.headerText = "Rub1"; 
    gridColumn.width = 80; 
    gridColumn.editable = true; 
    columnLst.addItem(gridColumn); 

    var gridColumn:GridColumn = new GridColumn(); 
    gridColumn.dataField="scRub4"; 
    gridColumn.headerText = "Rub1"; 
    gridColumn.width = 80; 
    gridColumn.editable = true; 
    columnLst.addItem(gridColumn); 
    scrollableDG.columns = columnLst; 

Dank

Answer 1

[Bearbeiten]

Hoppla, wurde meine ursprüngliche Antwort auf die DataGridColumn Komponente MX Bezug genommen wird, nicht der Funke GridColumn. Überarbeitete Antwort ...

Der Standard-Elementrenderer für das Raster ist DataGridItemRenderer und es hat eine Wortumbrucheigenschaft, die Sie auf True festlegen müssen. Nicht sicher, aber Sie könnten auch als auch die variableRowHeight Eigenschaft des Rasters auf true gesetzt haben ...

dies in MXML zu tun, es in etwa so aussehen würde:

<s:DataGrid variableRowHeight="true"> 
    <s:itemRenderer> 
     <fx:Component> 
      <s:DataGridItemRenderer wordWrap="true" /> 
     </fx:Component> 
    </s:itemRenderer> 
</s:DataGrid> 

Answer 2

Bis Flex4 .6 gibt es keine s: DataGridItemRenderer, aber es gibt mx: DataGridItemRenderer. So würde der Code:

<s:GridColumn headerText="foo" labelFunction="fooLabelFunction"> 
    <s:itemRenderer> 
     <fx:Component> 
      <mx:DataGridItemRenderer wordWrap="true" /> 
     </fx:Component> 
    </s:itemRenderer> 
</s:GridColumn> 

Answer 3

siehe:

http://hansmuller-flex.blogspot.com/2011/05/controlling-text-wrapping-in-datagrid.html http://forums.adobe.com/message/4029916

Answer 4

Das ursprüngliche Plakat keine Antwort ausgewählt habe ich m werde die vorherigen zwei zu einem kombinieren super answer! : P

Sie können den Zeilenumbruch für alle Spalten auf dem Spark-Datagrid mit variableRowHeight aktivieren:

<s:DataGrid variableRowHeight="true"> 
</s:DataGrid> 

Oder Sie Zeilenumbruch auf einer einzelnen Spalte unter Verwendung der Zeilenumbruch-Eigenschaft auf dem Standard-Gridcolumn Elementrenderers aktivieren :

<s:GridColumn dataField="fields.description" headerText="Description" > 
    <s:itemRenderer> 
     <fx:Component> 
      <s:DefaultGridItemRenderer wordWrap="true"/> 
     </fx:Component> 
    </s:itemRenderer> 
</s:GridColumn> 

im Grid Column Beispiel des Weiteren würde ich eine Breite Einstellung empfehlen, wenn Sie horizontale Bildlaufleisten verhindern wollen:

<s:GridColumn width="{dataGrid.width-column1.width-column3.width}" dataField="fields.description" headerText="Description" > 
    <s:itemRenderer> 
     <fx:Component> 
      <s:DefaultGridItemRenderer wordWrap="true"/> 
     </fx:Component> 
    </s:itemRenderer> 
</s:GridColumn> 

Ich finde ich sowohl variable Zeilenhöhe auf true gesetzt haben und setzen Sie die Spaltenbreite um das Verhalten zu bekommen ich suche.