Come aggiungere wordWrap on spark GridColumn

Question

Oggi, ho deciso di testare scintilla datagrid invece di mx: Datatagrid. Ma un problema appare: non ho trovato l'opzione wordWrap, sai come risolverlo?

<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; 

Grazie

Answer 1

[Edit]

Ops, la mia risposta originale si riferiva alla componente MX DataGridColumn, non la scintilla GridColumn. Risposta modificata ...

Il renderer di elementi predefinito per la griglia è DataGridItemRenderer e ha una proprietà a capo automatico che è necessario impostare su true. Non è sicuro, ma si potrebbe anche essere necessario impostare la proprietà variableRowHeight della griglia per vero anche ...

di farlo in MXML, sarebbe simile a questa:

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

Answer 2

Fino Flex4 .6, non c'è s: DataGridItemRenderer, ma c'è mx: DataGridItemRenderer. Quindi, il codice sarebbe:

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

Answer 3

vedi:

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

Answer 4

Il poster originale non ha selezionato una risposta che' Ho intenzione di combinare i due precedenti in uno super rispondere! : P

È possibile attivare il ritorno a capo su tutte le colonne del DataGrid scintilla con variableRowHeight:

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

Oppure è possibile abilitare l'allineamento su una singola colonna utilizzando la parola avvolgere proprietà sul renderer di voci GridColumn di default :

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

Inoltre, nell'esempio colonna della griglia mi consiglia di impostare una larghezza se si vuole evitare che le barre di scorrimento orizzontale:

<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> 

Sto trovando che devo impostare sia l'altezza della riga variabile su true e impostare la larghezza della colonna per ottenere il comportamento che sto cercando.