Flex MX datagrid合并列与分隔符

时间:2014-02-07 17:10:34

标签: flex datagrid merge mxml two-columns

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

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

数据将以相同的方式放在标题下(下面的名称和DOB带有行分隔符)。

名称

DOB


John Doe

1990年9月10日


Jack Jill

1992年8月9日


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

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

1 个答案:

答案 0 :(得分:0)

您必须使用项目渲染器来实现此功能,您有两行的列必须具有项目渲染器。

简单exxample试图提升类似的东西,但是,你的渲染器将如下所示。如果这不起作用,请搜索自定义项目渲染器,其中有很多教程。

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