AdvancedDataGridColumn 中的 Flex 4 headerWordWrap 不起作用答案

【问题标题】：Flex 4 headerWordWrap in AdvancedDataGridColumn does not workAdvancedDataGridColumn 中的 Flex 4 headerWordWrap 不起作用
【发布时间】：2011-07-26 11:58:48
【问题描述】：

我尝试了各种选项来让 headerWordWrap 与 AdvancedDataGridColumn 一起使用。我什至尝试使用 headerWordWrap 作为 AdvancedDataGrid 中的属性。没有任何效果。有谁知道如何解决这个问题？任何帮助将不胜感激：

<mx:AdvancedDataGrid
    id="gridAvailableQuals"
    width="100%"
    height="100%"
    dataProvider="{this.handler.qualCodes}"
    doubleClickEnabled="true"
    dragEnabled="true"
    dropEnabled="true"
    dragMoveEnabled="true"
    allowMultipleSelection="true"
    variableRowHeight="true"
    horizontalScrollPolicy="auto"
    headerWordWrap="true"
    itemDoubleClick="this.shtlQuals.addOneItem()">

<mx:AdvancedDataGridColumn
    headerText="Item Code"
    dataField="code"
    width="50"
    headerWordWrap="true">

【问题讨论】：

我不知道从我的头顶，但如果有的话，你总是可以为标题创建一个项目渲染器，并从那里多行。
我也无法让headerWordWrap 正常工作。作为旁注，您可以使用&#13; 在标题中手动开始新行。

标签： apache-flex flex4 advanceddatagrid

【解决方案1】：

headerWordWrap="true"

在AdvancedDataGridColumn

中设置此属性

<mx:AdvancedDataGridColumn dataField="data1" headerText="Data 1" headerWordWrap="true" wordWrap="true" > </mx:AdvancedDataGridColumn>

这对我来说效果很好。

【讨论】：

【解决方案2】：

代替 headerWordWrap="true"，尝试为每一列赋予 wordWrap="true"，例如：

<mx:AdvancedDataGridColumn
headerText="Item Code"
dataField="code"
width="50"
wordWrap="true">

并为所有列设置宽度属性...否则将随机获取宽度并且标题看起来很笨拙...:)

【讨论】：

【解决方案3】：

headerWordWrap 有效，但无法根据标题行高度调整，因此在 UI 上显示为无效。

根据需要为静态标题设置datagrid的headerHeight属性，动态标题不断计算高度。它将容纳带有自动换行的标题文本。

【讨论】：

【解决方案4】：

将 headerWordWrap 属性设置为 true 允许多行标题。您还需要设置列宽以强制文本换行，并且您可能需要设置标题高度，因为默认值不足以容纳两行文本。

【讨论】：