actionscript-3 - 如何在 Spark 网格列上添加自动换行

Question

今天，我决定测试 spark datagrid 而不是 mx:Datatagrid。
但是出现了一个问题:我没有找到 wordWrap 选项，你知道如何解决吗？

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

谢谢

Answer 1

原发帖人没有选择答案我要把前两个合二为一 super 回答! :P

您可以使用 variableRowHeight 在 Spark DataGrid 上的所有列上启用自动换行:

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

或者，您可以使用默认 GridColumn 项目渲染器上的自动换行属性在单个列上启用自动换行:

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

此外，在 Grid Column 示例中，如果您想防止水平滚动条，我建议设置宽度:

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

我发现我必须将可变行高都设置为 true 并设置列宽才能获得我正在寻找的行为。