apache-flex - Flex MX 数据网格用分隔符合并列

Question

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

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

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

姓名

出生日期

---

约翰·多伊

1990 年 9 月 10 日

---

杰克吉尔

1992 年 8 月 9 日

---

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

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

Answer 1

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

简单的示例尝试创建类似的东西，但是，您的渲染器将如下所示。如果这不起作用，请搜索自定义项目渲染器，那里有很多关于此的教程。

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