Flex MX 数据网格用分隔符合并列答案

【问题标题】：Flex MX datagrid merge columns with a separatorFlex MX 数据网格用分隔符合并列
【发布时间】：2014-03-05 05:19:17
【问题描述】：

我有一个包含常规列和合并列的数据网格。合并的列用行分隔符多行显示数据。

我希望它像这样显示名称/DOB（名称及其下方带有分隔符的 DOB）在一个单元格中作为标题。 Name 和 DOB 之间的行分隔符。

数据将以相同的方式放置在标题下（名称和出生日期在下方，并带有行分隔符）。

名字

出生日期

约翰·多伊

1990 年 9 月 10 日

杰克·吉尔

1992 年 8 月 9 日

等等。什么是实现这一目标的最佳方法。

如果我必须扩展数据网格组件，请说明如何。

【问题讨论】：

标签： apache-flex datagrid merge mxml two-columns

【解决方案1】：

你必须使用项目渲染器来实现这一点，你有两行的列必须有项目渲染器。

simple exxample 尝试创建类似的东西，但是，您的渲染器将如下所示。如果这不起作用，请搜索 custom item renderer 有很多关于此的教程。

<mx:DataGridColumn headerText="Col 2" dataField="col2">
    <mx:itemRenderer>
        <fx:Component>
            <mx:VBox horizontalAlign="right">
                <mx:Label text = "{data.text}"/>
                <mx:Label text = "{data.dob}"/>
            </mx:Box>
        </fx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

【讨论】：